定义.env文件，但React应用程序中的默认环境文件除外

Question

我需要为每个开发/生产服务器加载不同的.env文件。

localhost           | .env.localhost
development         | .env.development
production          | .env.production

基于react文档，默认情况下，我们可以使用.env.development和.env.production

https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables

但是我想使用新的环境变量作为localhost。我怎样才能做到这一点？我想通过.env.localhost变量的文件运行我的脚本之一。

Answer 1

您可以从以下位置修改package.json的脚本部分：

"start": "react-scripts start"

对于Linux和MacOS：

"start": "PORT=3006 react-scripts start"

Windows可以：

"start": "set PORT=3006 && react-scripts start"

如果要在环境中设置新变量。然后在Shell的.env文件中添加，但以REACT_APP开头，例如ex

REACT_APP_MY_VAR