在 React 应用程序中定义除默认 env 文件外的 .env 文件答案

【问题标题】：define .env file except default env file in react app在 React 应用程序中定义除默认 env 文件外的 .env 文件
【发布时间】：2019-09-10 08:15:57
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案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 文件中添加 then，但名称以 REACT_APP 开头

REACT_APP_MY_VAR

【讨论】：