Vue / React /浏览器中全局获得 nodejs 环境进程 process 变量

配置目标

在开发过程中经常在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  

附上链接

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