padmins/cloud-console-admin

镜像概述

该镜像基于Create React App框架，为React前端项目提供开发、测试、构建及生产部署的标准化支持，包含完整的脚本与Dockerfile，简化React应用的开发与上线流程。

核心功能

1. 开发模式运行：启动本地开发服务器，支持实时热重载与代码错误提示。
2. 测试执行：启动交互式测试运行器，支持单元测试与集成测试。
3. 生产构建：生成优化压缩的静态资源包，包含哈希文件名以确保缓存有效性。
4. 静态资源服务：通过serve工具提供生产构建后的静态资源访问。

使用场景

• React前端应用的本地开发调试。
• 自动化测试流程集成。
• 生产环境静态资源部署。

配置说明

本地开发流程

1. 安装依赖：执行 npm ci 或 npm install。
2. 启动开发服务器：npm start，访问 http://localhost:3000 查看应用。
3. 执行测试：npm test（支持交互式watch模式）。
4. 生成生产构建：npm run build，输出至 build 目录。
5. 服务静态资源：安装serve工具（npm install -g serve）后，执行 serve -s build -l 3000。

Docker部署示例

构建镜像

bash
docker build -t padmins/cloud-console-admin .

运行容器

bash
docker run -d -p 3000:3000 padmins/cloud-console-admin serve -s build -l 3000