React：生产构建中的特定于环境的配置

Question

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

我已经创建了一个文件config.js，该文件基于process.env中的变量导出了一个不同的配置对象，但是这里的默认行为有一个局限性，即npm run build始终被视为生产版本。这很有意义，我只需要不同的行为即可。

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

完成此任务的最佳方法是什么？

Answer 1

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

只需安装软件包：

firstname.append(_1900s_boysnames_uk.randomElement())

并在其中定义变量的情况下创建自定义脚本，例如：

var firstname: String

在我的项目中，它就像一个魅力。

更多信息，请点击cross-env