用.env响应env变量

Question

我试图跟随docs从中添加env变量，但没有成功：

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-custom-environment-variables

​

​

• 在文档根目录中，我有一个" .env“文件(默认.env属性)。
• .env文件只包含一个变量“REACT_APP_API_HOST=http://localhost:8080”
• 试图访问我的应用程序中的process.env (使用create应用程序创建)给了我未定义的结果。

这是app.js，在这里，我试图访问process.env，但没有成功。

我无法访问代码中的process.env。关于如何做这件事，有什么有用的例子吗？

Answer 1

您可以在root上使用.env文件。

• start: react-scripts start -使用.env.development
• build_staging: "set REACT_APP_ENV=staging & react-scripts build" -使用.env.staging
• build: "react-scripts build" -使用.env.production

Answer 2

在您的package.json中，您最终必须在开始脚本中添加NODE_ENV=development。例如，NODE_ENV=development && node scripts/start.js表示弹出的create-react-app，NODE_ENV=development react-scripts start表示未弹出的。

编辑:显然不需要NODE_ENV=development，因为在运行start或build脚本时它已经被硬编码了。按照文档，您的自定义环境变量应该像您已经做的那样具有以下格式REACT_APP*。

一段片段会有帮助。