如何使用 React 和 nwb 設置環境變量

Question

我有一個使用 create-react-app 制作的組件庫，我在其中使用 nwb 來提供演示應用程序來測試組件。 現在，通過運行命令nwb serve-react-demo來nwb serve-react-demo應用程序，該命令可以nwb serve-react-demo啟動演示應用程序。

我想使用該庫模擬不同的應用程序。 在運行啟動腳本時直接設置環境變量會非常有幫助，因為我可以根據正在實現庫的主機應用程序更改應用程序的初始狀態。 如果我嘗試傳遞這樣的環境變量nwb serve-react-demo REACT_APP_HOST_APPLICATION=AB process.env.REACT_APP_HOST_APPLICATION變量未定義。

nwb 文檔指出您可以通過使用命令傳遞參數來配置配置對象，但我不清楚如何像這樣向process.env添加變量。

我正在運行 macOS 10.15.3

from package.js:

"nwb": "0.23.0",
"react": "16.9.0",
"react-dom": "16.9.0",
"react-scripts": "3.2.0",
"webpack": "4.41.0",
"webpack-dev-server": "3.2.1"

Answer 1

我的解決方案最終為每個應用程序創建一個 nwb.config.js 文件，使用 webpack 定義對主機應用程序密鑰進行硬編碼，然后使用 --config 標志傳遞每個文件的位置。

您可以在此處找到我的解決方案的詳細說明。