反应环境变量在开发中不起作用

Question

请让我摆脱痛苦。我看到许多其他人遇到了同样的问题，但我没有找到解决方案。

我正在尝试将我的敏感密钥放入特定于环境的文件（.env.development、.env.staging 等）。如果我把它们放在 .env 中，这些键可以正常工作，但我需要这个文件来处理一些其他必须推送到源代码管理的项目。所有文件都在根目录下（我发现这是一个常见错误）。 webpack有什么问题吗？每次进行更改时，我都会重新启动服务器实例。

const express = require('express');
const path = require('path');
const app = express();
require('dotenv').config();

console.log('ENV', process.env.NODE_ENV);   // this returns "development"
console.log('Hello?', process.env.REACT_APP_HELLO);  // this returns "undefined"

如前所述，我正确地呈现环境。

 "start": "SET NODE_ENV=development&& node server/index.js",

来自 package.json

REACT_APP_HELLO=BLAH

来自 .env.development

Answer 1

由于set，我假设您在 cmd.exe 中。在&& 之前添加一个空格："start": "set NODE_ENV=development && node server",（无需指定index.js。在非Windows 系统上，这将是NODE_ENV=development node server。

编辑：

要使.env.development 正常工作，请将 dotenv 行更改为：require('dotenv').config({ path: '.env.' + process.env.NODE_ENV })。 (source)，或custom-env 包：require('custom-env').env(process.env.NODE_ENV)。不过，它们都不是从常规的.env 继承的，所以如果你需要，请查看dotenv-flow。我还没有尝试过最后一个包，但它似乎具有最多的功能和最少的配置量。