本质就是抽离webpack.config.js文件,分成dev.js,base.js,pro.js
-
base,存放公共的代码。
-
Prod,生产时的代码。
-
Dev ,开发时的代码。
为了运行时能够把三个文件关联起来,需要安装merge

(把分支合并到主干里)
使用时,(1) 引入:

(2) 合并:

注意:分离后,webpack打包时默认的配置文件webpack.config.js就没有了。此时需要指定webpack服务打包的配置文件。在packge.json文件里用config进行指定;

网友评论