webpack区分多环境方法

这个要使用到cross-env插件,先安装一下

1
npm install --save-dev cross-env

安装完之后,在package.json中这样设置

1
2
3
"scripts": {
"dev": "cross-env NODE_ENV=production webpack --mode production",
}

当我们运行了npm run dev之后,就可以在Js中这样判断

1
2
3
4
console.log(process.env.NODE_ENV);

// 打印结果如下
// production

能设置环境变量以后,可以通过webpack-merge分离多个配置,例如开发、测试和生产环境等等

1
npm install webpack-merge -D