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

Question

我正在使用 react-scripts v2 (beta) and I have read the documentation 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 上创建和 select 新环境？

不弹出。

Answer 1

在开始/构建之前将环境文件复制到.env。你甚至可以把 .env 放在 .gitignore 中

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

然后运行它：

ENV=config/staging/.env npm start

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