React：生产构建上的环境特定配置答案

【问题标题】：React: Environment Specific Config on Production BuildsReact：生产构建上的环境特定配置
【发布时间】：2019-08-09 00:12:47
【问题描述】：

我的公司使用三种标准环境：开发、测试和生产。我的基于 create-react-app 的应用程序作为内容项托管在我们的 CMS 中，因此要将其放入任何环境，我需要运行 npm run build 命令。

我创建了一个文件 config.js，它根据 process.env 中的变量导出不同的配置对象，但这里的默认行为有一个限制，即 npm run build 始终被视为生产。这是有道理的，我只需要不同的行为。

我想做的是运行一个像npm run build:dev 之类的脚本，它设置一个我可以打开的process.env 变量。本质上，我需要创建一个 npm 脚本来设置 dotenv 变量，然后调用 npm run build。

最好的方法是什么？

【问题讨论】：

【解决方案1】：

您可以使用跨环境包（来自 npm）来定义环境变量。

只需安装软件包：

npm install --save-dev cross-env

如果您定义了变量，则创建自定义脚本，例如：

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
  }
}

它对我的项目很有帮助。

更多信息在这里cross-env

【讨论】：