Question

当您的React项目不是使用create-react-app构建且没有后端时，设置ENV变量以在您的React项目中工作的过程是什么？

Answer 1

第1步：

yarn add dotenv-webpack

第2步：在webpack.config.js文件上：

const Dotenv = require('dotenv-webpack');

module.exports = {
  ...
  plugins: [
    new Dotenv()
  ]
  ...
};

最后一步：创建.env文件并在其中放入系统变量：

URL=something.com

Answer 2

我想您可以在Linux中创建一个 .bashrc 文件，以添加要在程序中使用的任何环境变量。

Variable=<value>

您可以仅添加变量和相应的值，然后使用 source abc.bashrc 保存并获取bashrc文件，然后这些变量将在当前终端的环境中可用。您可以使用任何可以读取环境变量的编程语言来使用此文件。

Answer 3

找到了答案。由this post引自Aminu Kano。

Webpack用户

如果您使用的是webpack，则可以安装和使用   dotenv-webpack插件，请按照以下步骤操作：

安装软件包

yarn add dotenv-webpack OR npm i dotenv-webpack
// .env 
API_KEY='my secret api key' Add it to webpack.config.js file
// webpack.config.js const Dotenv = require（'dotenv-webpack'）;
// webpack.config.js
const Dotenv = require('dotenv-webpack');

module.exports = {
  ...
  plugins: [
    new Dotenv()
  ]
  ...
};
在您的代码中将其用作
 process.env.API_KEY
有关更多信息和配置信息，请访问here

在不使用create-react-app的情况下设置ENV变量

3 个答案: