millonc/piano-app

镜像概述

本镜像基于Create React App构建，为钢琴应用提供一站式的开发、测试和生产部署环境，简化React应用的开发流程，支持快速迭代和构建优化。

核心功能

1. 开发模式运行：通过yarn start启动开发服务器，支持热重载和实时调试，修改代码后页面自动刷新。
2. 测试执行：使用yarn test启动交互式测试运行器，验证应用功能的正确性。
3. 生产构建：通过yarn build生成优化后的生产版本，包含代码压缩、哈希文件名处理，确保最佳性能。
4. 配置自定义：支持eject操作（不可逆），将所有构建配置文件（Webpack、Babel等）复制到项目中，方便深度定制。

使用场景

• 钢琴应用的本地开发与实时调试
• 应用功能的单元测试与集成测试
• 生产环境的应用打包与部署准备

配置说明

• 开发模式：运行yarn start后，访问http://localhost:3000即可查看应用界面。
• 测试模式：执行yarn test进入交互式测试界面，支持实时监控测试用例变化。
• 生产构建：执行yarn build生成build目录，内含可直接部署的生产文件。
• 配置自定义：执行yarn eject可获取完整配置控制权，适用于需要深度定制构建流程的场景。

Docker部署示例

开发模式运行

bash
docker run -it -p 3000:3000 millonc/piano-app yarn start

Docker Compose配置

yaml
version: '3'
services:
  piano-app:
    image: millonc/piano-app
    ports:
      - "3000:3000"
    command: ["yarn", "start"]