react.js 如何发布

发布 React.js 应用的步骤

构建生产环境版本
使用以下命令生成优化后的生产环境代码，代码会被压缩并移除开发工具：

npm run build

构建完成后会在项目根目录生成 build 文件夹，包含所有静态资源。

部署到静态文件服务器
将 build 文件夹内容上传至静态托管服务（如 Netlify、Vercel、GitHub Pages 或传统 Web 服务器）。对于 GitHub Pages，可安装 gh-pages 包并配置 homepage 字段后运行：

npm install gh-pages --save-dev
npm run deploy

服务器配置注意事项
确保服务器路由指向 build/index.html，对于单页应用需配置重定向规则。Nginx 示例配置：

location / {
  try_files $uri /index.html;
}

环境变量处理
生产环境变量需以 REACT_APP_ 前缀命名，并在构建前通过 .env.production 文件或服务器环境注入。构建后变量会被硬编码。

CDN 集成优化
通过 PUBLIC_URL 环境变量指定 CDN 路径，或在 package.json 中配置 homepage 字段。修改 index.html 中资源引用路径为绝对路径。

持续集成/持续部署 (CI/CD)
在 GitHub Actions 或类似平台配置自动化流程，典型步骤包括安装依赖、运行测试、构建和部署。示例 GitHub Actions 片段：

- name: Build
  run: npm run build
- name: Deploy
  uses: peaceiris/actions-gh-pages@v3
  with:
    github_token: ${{ secrets.GITHUB_TOKEN }}
    publish_dir: ./build