Vue / React /浏览器中全局获得 nodejs 环境进程 process 变量
配置目标在开发过程中经常在node环境中配置 process 配置以判断开发环境,除了 process.env.NODE_ENV 在vue中获取,由于浏览器脱离了node环境使得无法使用node中的一些模块,包括 process等信息,在浏览中获取process 对象会得到一个奇怪的对象。plugins 配置webpack 提供了一个 DefinePlugin 的插chaji...
·
配置目标
在开发过程中经常在node环境中配置 process 配置以判断开发环境,除了 process.env.NODE_ENV
在vue中获取,由于浏览器脱离了node环境使得无法使用node中的一些模块,包括 process
,os
等信息,在浏览中获取process
对象会得到一个奇怪的对象。
plugins 配置
webpack 提供了一个 DefinePlugin
的插件同于为整个开发和生产部署设置全局变量。只需要在 plugins
声明加入即可。
plugins:[
...
new webpack.DefinePlugin({
'process.env': JSON.stringify(process.env.NODE_ENV),
'process.currentMode': JSON.stringify(mode),
'cpuCount':JSON.stringify(os.cpus())
})
]
//全局变量
console.log(process.env) //production
console.log(process.currentMode)
console.log(cpuCount) //4
附上链接
更多推荐
已为社区贡献8条内容
所有评论(0)