作用
便于管理,让每个环境独立
配置
1,安装npm install --save-dev webpack-merge (合并环境)
1,新建webpack.common.js (公共配置)
image.png
2,新建webpack.dev.js (development特有配置)
image.png
3,新建webpack.prod.js (production特有配置)
image.png
运行
image.png
多环境的管理
1, 安装npm install --save-dev cross-env (在config中,可以获取到定义的变量)
image.png
2, 配置DefinePlugin后,可以在代码中就可以拿到当前所运行的环境,也可以在里面配置一个全局的常量,比如说用来根据环境来配置某些东西的时候特别有用
image.png
image.png
