如何打包create-react-app
打包 create-react-app 项目的方法
运行以下命令生成生产环境优化包：
npm run build该命令会在项目根目录下创建 build 文件夹，包含所有优化后的静态文件。
自定义构建输出目录
修改 package.json 中的构建命令可以指定输出路径：
"build": "react-scripts build && mv build ../dist"或者使用环境变量：
BUILD_PATH=dist npm run build分析打包体积
安装分析工具后运行构建：
npm install --save-dev source-map-explorer在 package.json 中添加：
"analyze": "source-map-explorer 'build/static/js/*.js'"运行分析命令：
npm run build && npm run analyze环境变量配置
创建 .env.production 文件定义生产环境变量：
REACT_APP_API_URL=https://api.example.com
NODE_ENV=production这些变量会在构建时被嵌入到打包文件中。
静态资源处理
确保所有静态资源引用使用相对路径：
<img src={process.env.PUBLIC_URL + '/img/logo.png'} />PUBLIC_URL 默认为空，可通过 package.json 中的 homepage 字段配置。
部署准备
构建完成后可通过以下方式部署：
- 静态服务器：直接部署
build文件夹内容 - GitHub Pages：安装
gh-pages并运行：npm install --save-dev gh-pages在
package.json中添加："deploy": "gh-pages -d build"
