当你的react项目不是使用react-app构建的,并且没有后端时,在你的react项目中设置ENV变量的过程是什么?
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
shstlldc2#
第一步:
yarn add dotenv-webpack
字符串步骤2:在webpack.js.js文件中:
const Dotenv = require('dotenv-webpack'); module.exports = { ... plugins: [ new Dotenv() ] ... };
型最后一步:创建.env文件并将系统变量放入其中:
URL=something.com
型
odopli943#
我想你可以在Linux中创建一个**.bashrc**文件来添加你想在程序中使用的任何环境变量。
Variable=<value>
字符串你可以只添加变量和相应的值,然后保存并使用source abc.bashrc源bashrc文件,然后这些变量将在当前终端的环境中可用。你可以在任何可以读取环境变量的编程语言中使用这个文件。
3条答案
按热度按时间uqzxnwby1#
找到答案了。由Aminu Kano引用。
Webpack用户
如果您使用的是webpack,您可以安装并使用dotenv-webpack插件,按照以下步骤操作:
安装软件包
第一个月
字符串
//webpack.js const Dotenv = require('dotenv-webpack');
型
在代码中将其用作
型
有关详细信息和配置信息,请访问here
shstlldc2#
第一步:
字符串
步骤2:在webpack.js.js文件中:
型
最后一步:创建.env文件并将系统变量放入其中:
型
odopli943#
我想你可以在Linux中创建一个**.bashrc**文件来添加你想在程序中使用的任何环境变量。
字符串
你可以只添加变量和相应的值,然后保存并使用source abc.bashrc源bashrc文件,然后这些变量将在当前终端的环境中可用。你可以在任何可以读取环境变量的编程语言中使用这个文件。