My .env
设置如下:
SECRET_KEY=mysecretkey123
My webpack.config.js
设置如下:
const Dotenv = require('dotenv-webpack');
module.exports = {
...
proxy: {
'api': {
target: 'foo.bar'
headers: {'api_token': process.env.SECRET_KEY}
}
}
...
plugins: [
new Dotenv({
path: '.env',
}),
]
}
但是,当我运行我的应用程序时,我收到一条错误消息,指出我的 api 令牌是undefined
我知道 dotenv 工作正常,因为在我的应用程序本身中我可以做console.log(process.env.SECRET_KEY)
并查看我的密钥,但是看起来这并没有暴露我的环境变量webpack.config.js
文件本身。
有没有办法配置 dotenv-webpack 以允许在webpack.config.js
?
如果您想直接在 webpack.config.js 中使用 .env 文件中的变量,请了解它在运行时的行为与任何其他 javascript 文件一样,因此您需要使用dotenv https://www.npmjs.com/package/dotenv直接在配置文件中打包,而不是 dotenv-webpack 插件,它将变量插入到捆绑的代码中。
即,只是npm install dotenv
并添加require('dotenv').config()
到 webpack.config 文件的顶部。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)