配置目标

在开发过程中经常在node环境中配置 process 配置以判断开发环境,除了 process.env.NODE_ENV 在vue中获取,由于浏览器脱离了node环境使得无法使用node中的一些模块,包括 processos等信息,在浏览中获取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  
附上链接

https://webpack.js.org/plugins/define-plugin/#root

Logo

前往低代码交流专区

更多推荐