如何在構建期間將環境變量注入 React

Question

我目前正在使用 Neutrinojs，並且已經被 v8 引起的兼容性問題所困擾。 解決方案似乎是“使用 Neutrino v.9 beta”，但在這種情況下，我在 v.8 中所依賴的許多功能都變得棘手。

特別是最近對 WebPack 的更改使 Neutrino 8 變得脆弱，我不得不修補

以下是我執行的任務類型：

• 將 env 變量導入 React 以獲取 Auth0 客戶端 ID 等值
• 自定義 html/links 以引入 css、字體等
• eslint 驗證代碼
• 編寫 Jasmine 測試
• 在構建中包含靜態文件/文件夾
• 有一個響應路由器 url 的開發者服務器：即localhost:5000/users/bob不會在 Neutrino 中加載，而無需破解開發服務器。

鑒於我希望“不是 Neutrino”，什么 React 構建系統可以工作以及它如何讓您處理/自定義這些功能？

提前致謝大衛埃德爾哈特

我一直在使用 Neutrino v.8，但其中許多任務需要大量自定義，並且它有間歇性的內存問題，盡管該站點實際上很小。

Answer 1

如果您使用 CRA (create-react-app)，任何不以REACT_APP_開頭的環境變量都將被刪除。 因此，您需要將環境變量REACT_APP_AUTH0_CLIENT_ID 。 要注入自定義環境變量，您可以使用類似cross-env或.env文件的內容。

更多信息： https : //facebook.github.io/create-react-app/docs/adding-custom-environment-variables