create-react-app local和dev环境变量

时间:2017-08-05 00:57:06

标签: node.js reactjs environment-variables create-react-app

我有.env.local

REACT_APP_BACKEND_BASEURL=http://localhost:8080/

.env.development

REACT_APP_BACKEND_BASEURL=http://deployedserverurl:8080/

如何在启动时选择正确的env文件? 就像现在一样,它更喜欢本地的dev env文件。

npm start --env=local似乎没有用,我错过了什么吗?

1 个答案:

答案 0 :(得分:5)

根据当前环境导入环境变量。有一个内置的特殊环境变量create-react-app,名为NODE_ENV。总之,当您运行npm start时,NODE_ENV变量设置为开发,并在运行npm run build时设置为生产。因此,如果在项目的根目录中创建.env.development,则在运行npm start时,将在环境中搜索这些变量定义。

另外,请确保使用process.env.REACT_APP_APP_BACKEND_BASEURL正确使用它们。

如果您需要有关不同类型.env文件的所有详细信息的更多信息,请从React Docs中查看这些:

env:默认。

.env.local:本地覆盖。 此文件将加载除测试以外的所有环境。

.env.development.env.test.env.production:特定于环境的设置。

.env.development.local.env.test.local.env.production.local:环境特定设置的本地覆盖。