反应应用程序没有拿起 .env.development 文件？答案

【问题标题】：react app not picking up .env.development files?反应应用程序没有拿起 .env.development 文件？
【发布时间】：2019-06-15 10:52:43
【问题描述】：

我有一个带有 .env 文件和 .env.development 文件的 react 应用程序。

.env 文件：

REACT_APP_API_URL=http://localhost:60695/api

.env.development：

REACT_APP_API_URL=http://test.myapi.com/api

我使用"start": "cross-env NODE_ENV=development node server --port 3000" 运行我的应用程序

在我的 webpack 配置中，我有以下调试行：

const env = dotenv.config().parsed;
console.log(env);
console.log(process.env.NODE_ENV);

当我运行启动命令时，控制台会吐出：

{ REACT_APP_API_URL: 'http://localhost:60695/api' }
development

这告诉我它正在读取 .env 文件，而不是预期的 .env.development 文件。

知道为什么我的 .env.development 文件没有被拾取吗？

【问题讨论】：

嗨！我建议查看此链接（DOTENV 文档）。它解释了为什么拥有多个 .env 文件实际上不是一个好主意：npmjs.com/package/dotenv#should-i-have-multiple-env-files

【解决方案1】：

我认为解析器没有正确读取.env.development 部分。可能也是因为 dotenv 不希望有多个 env 文件。正如有人提到的，它不推荐。

但是，如果你必须这样做，你可以这样尝试：

dotenv.config({
    path: path.resolve(
      __dirname, 
      `PATH_TO_ENV/.env.${process.env.NODE_ENV}`
    )
})

【讨论】：