如何使用create-react-app創建新環境？

Question

我正在使用react-scripts v2 （測試版），並且已經在此處閱讀了文檔。

我們需要創建許多環境。

• 我們要將env文件存儲在config/env文件夾下。
• 我們可能在config/env/staging.js .env使用javascript文件，因為.env似乎僅用於根目錄。
• 我們有真實的環境：
  • 默認
  • 發展
  • 分期
  • 試生產
  • 生產
• 我們希望default環境是config/env/default.js版本控制下的默認配置，它必須是在執行npm start時使用的默認配置。
• 我們希望用戶能夠使用沒有版本控制的文件覆蓋。 （類似於config/env/default.local.js

基本上可以簡化為兩個問題：

1. 是否可以重定位環境位置文件夾？
2. 我們如何在npm start/build上創建和選擇新環境？

沒有彈出。

Answer 1

只需在開始/構建之前將環境文件復制到.env 。 您甚至可以將.env放在.gitignore中

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

然后運行它：

ENV=config/staging/.env npm start

有很多方法可以完成您想做的事情而無需彈出，因為它們都是預處理（在您的應用啟動/構建之前）。