如何在没有 Webpack 的情况下将 Dotenv 与 react-scripts 一起使用

【问题标题】：how to use Dotenv with react-scripts and without Webpack如何在没有 Webpack 的情况下将 Dotenv 与 react-scripts 一起使用
【发布时间】：2021-10-31 02:35:37
【问题描述】：

我正在从下面的 repo 中探索这个 React 项目，并且 process.env 没有返回任何值（当我控制台记录它们时未定义）。这些变量在根目录创建的 .env.local 文件中声明，根据 repo 的说明，所有变量都以 REACT_APP_ 为前缀，不涉及 webpack。它使用 react-scripts 来加载 yarn start。谁能告诉它为什么不起作用？

git 克隆https://github.com/figment-networks/learn-solana-dapp

谢谢:)

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

标签： reactjs environment-variables dotenv react-scripts

【解决方案1】：

您可以尝试不先配置 dotenv，将 .env.example 重命名为 .env.local 或以下任何链接名称，因为我相信这是使用 create-react-app 创建的（因为存在 react-scripts）

https://create-react-app.dev/docs/adding-custom-environment-variables/#what-other-env-files-can-be-used

虽然它安装了dotenv，但似乎并没有使用它，使用它可以执行以下操作：

将这个添加到 src 中 index.js 的开头：

import path from 'path';
import dotenv from 'dotenv';
dotenv.config({ path: path.join(__dirname, '../.env.example') });

必须配置dotenv 才能使用其变量，但在create-react-app 下不需要

【讨论】：