sisco035/mealplanner

sisco035/mealplanner 镜像说明

镜像概述

该镜像基于Create React App构建，是一个膳食规划相关的前端应用项目，提供开发、测试、生产构建等标准脚本支持，可用于快速部署或调试膳食规划类网页应用。

核心功能

1. 开发模式运行：通过npm start启动开发服务器，支持实时重载和控制台错误提示。
2. 测试用例执行：通过npm test启动交互式测试运行器，支持单元测试场景。
3. 生产环境构建：通过npm run build生成优化后的生产版本代码，包含代码压缩和哈希文件名处理。
4. 配置自定义：支持通过npm run eject导出完整配置文件（不可逆操作），便于深度定制构建流程。

使用场景

• 开发人员本地调试膳食规划前端应用。
• 构建生产版本代码用于线上部署。
• 执行测试用例确保应用功能正确性。

配置说明

常用命令

• npm start：启动开发模式，访问http://localhost:3000查看应用。
• npm test：启动交互式测试运行器。
• npm run build：生成生产环境构建文件到build目录。
• npm run eject：导出项目配置文件（不可逆）。

Docker部署示例

开发模式运行

bash
docker run -p 3000:3000 sisco035/mealplanner npm start

访问http://localhost:3000即可查看开发中的应用。

构建生产版本

bash
# 生成生产构建文件到本地build目录
docker run --rm -v $(pwd)/build:/app/build sisco035/mealplanner npm run build

部署生产版本（使用nginx）

将生成的build目录通过nginx部署：

bash
docker run -d -p 80:80 -v $(pwd)/build:/usr/share/nginx/html nginx

访问http://localhost即可查看生产环境下的应用。