dimkk/cv

镜像概述

本镜像基于Create React App构建，提供标准化React前端项目模板，包含完整的开发、测试、构建流程配置，无需手动配置Webpack、Babel等工具链，帮助开发者快速启动React应用开发。

核心功能

1. 开发模式：npm start启动本地服务器（默认端口3000），支持热更新与实时预览。
2. 测试支持：npm test运行交互式测试，覆盖单元测试与组件测试场景。
3. 生产构建：npm run build生成优化后的生产代码（压缩、哈希文件名）。
4. 配置自定义：npm run eject暴露底层配置文件，满足高级自定义需求。
5. 资产处理：支持CSS/Sass/Less预处理器、图片/字体等静态资源导入。

使用场景

• React应用快速原型开发与迭代。
• 前端团队标准化项目初始化模板。
• 学习React开发的基础环境搭建。

配置说明

1. 安装依赖：npm install --save <库名>（如React Router）。
2. 导入组件：使用ES6模块语法import导入组件，支持默认/命名导出。
3. CSS预处理器：安装node-sass-chokidar并配置脚本，实现Sass/Less编译。
4. 环境变量：通过.env文件配置自定义环境变量（如API地址）。

Docker部署示例

Docker Run命令

bash
docker run -d -p 3000:3000 docker.xuanyuan.run/dimkk/cv npm start

Docker Compose配置

yaml
version: '3'
services:
  cv-app:
    image: dimkk/cv
    ports:
      - "3000:3000"
    command: npm start
    volumes:
      - ./src:/app/src # 挂载本地源码，实现热更新