在webpack.config.js文件有很多的插件配置，有开发时要的插件，有发布后要的插件，还有全过程都需要的插件，若统一放在webpack.config.js会出现一些问题：配置过多，可读性太差，且开放时用到了发布时的插件，发布时用到了开发时插件等等
因此我们需要对webpack.config.js进行配置分离，一般大家都是这样做的，在项目的根目录下创建build目录，存放的是项目的配置文件，一般分为3类配置：
1. base.config.js：通用的配置，项目全过程都会用到
2. dev.config.js：开发时用到的配置
3. pro.config.js：发布时用到的配置
dev.config.js 和 pro.config.js都会用到base.config.js的配置，需将他们进行合并，这时候得安装一个工具，是用于合并配置文件的，安装命令如下：
npm install webpack-merge --save-dev
安装完毕，现在就要进行合并，以pro.config.js 和 base.config.js合并为例，如下：
假设全部合并完毕了，原来的webpack.config.js就可以删除掉了，但是webpack是不知道我们自己自定义配置文件位置在哪，因此还要在配置一下：
配置完毕后，别马上运行，像这个东西是很恶心人的，由于我们配置文件的位置发生改变了，因此打包后的路径也会随之改变，如下：
改后如下：
原文：https://www.cnblogs.com/ibcdwx/p/14589036.html