如何使用React和nwb设置环境变量

Question

我有一个使用create-react-app制作的组件库，其中我使用nwb提供一个演示应用程序来测试组件。现在，该应用程序是通过运行命令nwb serve-react-demo来提供服务的，该命令可以毫无问题地启动演示应用程序。

我想使用这个库来模拟不同的应用程序。在运行启动脚本时直接设置环境变量将非常有帮助，因为我可以根据哪个主机应用程序实现该库来更改应用程序的初始状态。如果我尝试传递一个像这样的nwb serve-react-demo REACT_APP_HOST_APPLICATION=AB环境变量，那么process.env.REACT_APP_HOST_APPLICATION变量是未定义的。

nwb documentation声明您可以通过命令传递参数来配置configuration对象，但我不清楚如何向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

我的解决方案最终是为每个应用程序创建一个配置文件，使用webpack定义对主机应用程序密钥进行硬编码，然后使用-- nwb.config.js标志传递每个文件的位置。

您可以找到我的解决方案here的详细说明。