webpack 设置ENV变量而不使用React-app

bkkx9g8r  于 5个月前  发布在  Webpack
关注(0)|答案(3)|浏览(85)

当你的react项目不是使用react-app构建的,并且没有后端时,在你的react项目中设置ENV变量的过程是什么?

uqzxnwby

uqzxnwby1#

找到答案了。由Aminu Kano引用。

Webpack用户

如果您使用的是webpack,您可以安装并使用dotenv-webpack插件,按照以下步骤操作:
安装软件包
第一个月

// .env 
API_KEY='my secret api key' Add it to webpack.config.js file

字符串
//webpack.js const Dotenv = require('dotenv-webpack');

// webpack.config.js
const Dotenv = require('dotenv-webpack');

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


在代码中将其用作

process.env.API_KEY


有关详细信息和配置信息,请访问here

shstlldc

shstlldc2#

第一步:

yarn add dotenv-webpack

字符串
步骤2:在webpack.js.js文件中:

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

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


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

URL=something.com

odopli94

odopli943#

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

Variable=<value>

字符串
你可以只添加变量和相应的值,然后保存并使用source abc.bashrc源bashrc文件,然后这些变量将在当前终端的环境中可用。你可以在任何可以读取环境变量的编程语言中使用这个文件。

相关问题