是否可以在react项目中使用dotenv？

我正在尝试设置一些环境变量（用于对 dev/prod 端点进行 API 调用，密钥取决于 dev/prod 等），我想知道使用 dotenv 是否有效。

我已经安装了 dotenv，并且正在使用 webpack。

我的 webpack 入口是main.js，所以在这个文件中我放入了require('dotenv').config()

然后，在我的 webpack 配置中，我添加了以下内容：

  new webpack.EnvironmentPlugin([
    'NODE_ENV',
    '__DEV_BASE_URL__'  //base url for dev api endpoints
  ])

然而，它仍然是未定义的。我怎样才能正确地做到这一点？

很抱歉提出老问题，但是
反应脚本实际上使用dotenv引擎盖下的图书馆。

With [电子邮件受保护] /cdn-cgi/l/email-protection以及更高版本，您可以通过以下方式使用环境变量：

1. create .env文件在项目根目录下
2. 设置环境变量开头REACT_APP_ there
3. 通过以下方式访问它process.env.REACT_APP_...在组件中

.env

REACT_APP_BASE_URL=http://localhost:3000

App.js

const BASE_URL = process.env.REACT_APP_BASE_URL;

See docs https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables更多细节。