jenewa/cv

jenewa/cv镜像说明

镜像概述

jenewa/cv是基于Create React App构建的React应用开发镜像，集成了React项目开发所需的全套工具链，包括开发服务器、测试框架、打包工具等，无需手动配置复杂的构建流程，助力开发者快速启动React应用开发。

核心功能

• 支持React项目初始化与开发热重载（修改代码实时更新页面）
• 集成Jest单元测试与ESLint代码规范检查
• 生产环境优化打包（代码压缩、哈希文件名、资源缓存）
• 支持CSS预处理器（Sass/Less）与动态导入（代码分割）
• 提供VS Code等编辑器的调试集成支持

使用场景

• 前端开发者快速搭建React项目开发环境
• 团队协作时统一开发工具与配置，避免环境差异问题
• CI/CD流程中自动化构建React应用的生产包
• 学习React开发的入门实践环境

配置说明

1. 环境变量配置：通过项目根目录的.env文件或Docker环境变量设置自定义参数（如REACT_APP_API_URL指定API地址）
2. 依赖管理：使用npm install --save <依赖名>添加项目依赖，npm install --save-dev <依赖名>添加开发依赖
3. CSS预处理器：安装node-sass-chokidar等依赖并配置package.json脚本，支持Sass/Less编译
4. 深度定制：执行npm run eject可暴露Webpack、Babel等底层配置文件，进行个性化调整

Docker部署示例

开发模式运行（实时热更新）

bash
docker run -d \
  -p 3000:3000 \
  -v $(pwd)/my-react-project:/app \
  docker.xuanyuan.run/jenewa/cv \
  npm start

生产构建（生成优化后的静态文件）

bash
docker run \
  -v $(pwd)/my-react-project:/app \
  jenewa/cv \
  npm run build