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

bkkx9g8r  于 2024-01-08  发布在  Webpack
关注(0)|答案(3)|浏览(201)

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

uqzxnwby

uqzxnwby1#

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

Webpack用户

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

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

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

  1. // webpack.config.js
  2. const Dotenv = require('dotenv-webpack');
  3. module.exports = {
  4. ...
  5. plugins: [
  6. new Dotenv()
  7. ]
  8. ...
  9. };


在代码中将其用作

  1. process.env.API_KEY


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

展开查看全部
shstlldc

shstlldc2#

第一步:

  1. yarn add dotenv-webpack

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

  1. const Dotenv = require('dotenv-webpack');
  2. module.exports = {
  3. ...
  4. plugins: [
  5. new Dotenv()
  6. ]
  7. ...
  8. };


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

  1. URL=something.com

展开查看全部
odopli94

odopli943#

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

  1. Variable=<value>

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

相关问题