如何使用 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 中

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

然后运行它：

ENV=config/staging/.env npm start

有很多方法可以在不弹出的情况下做你想做的事，因为这都是预处理（在你的应用启动/构建之前）。