反应应用程序不接收.env.development文件？

Question

我有一个带有.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文件没有被提取？

Answer 1

我认为解析器无法正确读取.env.development部分。可能也是因为dotenv不需要多个env文件。正如有人提到的那样，不建议这样做。

但是，如果必须的话，可以通过以下方式尝试：

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