对服务器和客户端（反应）应用程序使用相同的 .env 文件答案

【问题标题】：Use same .env file for server and client (react) app对服务器和客户端（反应）应用程序使用相同的 .env 文件
【发布时间】：2018-01-05 02:54:50
【问题描述】：

我创建了一个 react-create-app 并在项目中添加了一个后端服务器：

-- /my-react-app (dotenv already built in automatically)
     -- /src folder
     -- package.json
     -- .env

     -- /backendserver (installed dotenv)
         -- /src folder
         -- package.json
         -- .env

到目前为止，我只能让 .env 文件在每个应用的根目录中工作。

我怎样才能同时拥有 1 个 .env 文件。

React 应用根目录中的 .env 示例：

REACT_APP_DECORATORS=true
REACT_API_PROXY_PORT=4001
.......
.......

问题：如何只创建 1 个 .env 文件来保存客户端和服务器端应用程序都使用的变量？

谢谢！

【问题讨论】：

标签： node.js reactjs environment-variables

【解决方案1】：

安装和配置包后，在项目的根目录中创建一个 .env 文件。要确保它在根目录中，请使用终端... $ cd项目 $ 触摸 .env 然后，您可以添加所有想要包含在 .env 文件中的变量

【讨论】：

您能否详细说明“安装和配置”软件包？用户似乎已经这样做了，那么与您的建议有什么不同？就个人而言，我会向用户推荐有关服务器应如何为客户端 React 应用程序提供服务的最佳实践，并让文件夹反映这一点。然后建议新的 .env 应该在哪里。
正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

这适用于服务器端入口文件：

require('dotenv').config({path: '../.env'});

console.log('REACT_API_PORT: ' + process.env.REACT_API_PORT); // 4001

【讨论】：