如何使用create-react-app创建新环境？

Question

我正在使用react-scripts v2（测试版），我已阅读文档here。

我们需要创造许多环境。

• 我们希望将env文件存储在文件夹config/env下。
• 我们可能会在config/env/staging.js中使用javascript文件，因为.env似乎只适用于根目录。
• 我们有真实的环境：
  • 默认
  • 发展
  • 分期
  • 预生产
  • 生产
• 我们希望default环境是config/env/default.js中版本控制下的默认配置，它必须是执行npm start时使用的默认配置
• 我们希望用户能够覆盖没有版本控制的文件。 （例如config/env/default.local.js

基本上可以简化为两个问题：

1. 是否可以重新定位env位置文件夹？
2. 我们如何在npm start/build上创建和选择新环境？

没有弹出。

Answer 1

在开始/构建之前，只需将环境文件复制到.env即可。您甚至可以将.env .gitignore放入{/ 1}}

"start": "cp $ENV .env && react-scripts start"

然后运行它：

ENV=config/staging/.env npm start

有许多方法可以在不弹出的情况下执行您想要的操作，因为它是所有预处理（在应用程序启动/构建之前）。