如何使用自定义模式制作 React 应用程序的生产版本？

Question

使用带有"react-scripts": "3.3.1" CRA 构建了一个应用程序，但是我在构建模式方面遇到了问题，例如在 Vue-CLI 中，我可以这样做：

npm run build -- --mode staging
// any ENV name i want

但在 CRA，有：

"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject"
},

我试过这样的事情：

yarn build --mode staging

但它使用.env.production变量。 我有.env.staging用于“STAGING”环境。 我怎样才能做到这一点？

我在几台生产服务器上使用不同的 API 端点，这就是我需要这种模式的原因。

Answer 1

事实证明，它已经记录在这里： https : //create-react-app.dev/docs/deployment#customizing-environment-variables-for-arbitrary-build-environments

我们只需要yarn add env-cmd ，然后：

{
  "scripts": {
    "build:staging": "env-cmd -f .env.staging npm run build"
  }
}