用.env反应env变量

Question

我正在尝试关注从react-create-app添加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 react app创建）给我未定义

这是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 react-scripts start 。

编辑：显然NODE_ENV=development不是必需的，因为它在运行start或build脚本时已经硬编码。 根据文档，您的自定义环境变量应具有以下格式REACT_APP*就像您已经完成的那样。

一个片段会有所帮助。