React 应用程序中的环境变量

Question

我想在我的 React 应用程序中添加一个 .env 文件。该项目不是使用 Create React APP 创建的。并且没有 Webpack。我正在努力为此找到合适的解决方案

Answer 1

对于简单的解决方案，您可以尝试使用 react-app-env。

您可以遵循 this 简单指南。简而言之：

安装它：

yarn add --dev react-app-env (or npm install --save-dev react-app-env)

更改启动和构建脚本：

"scripts": {
  "start": "react-app-env start'",
  "build": "react-app-env build'",
  "test": "react-app-env test'",
  ...
}

最后添加至少两个配置文件（在项目根文件夹中）：development.env 和 production.env。默认情况下，development.env 在 npm start 和 npm test 上使用导入，在 npm build 上使用 production.env。

Environment Variables in React application