拆分配置和merge

一般来说，一个前端项目最起码会有俩套环境开发和生产；而且俩套环境有相同的webpack配置也有不同的。这个时候就会用到配置拆分和并。例如：vue-cli中有webpack配置相关，那些用户自定义的webpack配置最终也会通过merge方式合并到脚手架原来的webpack config中

// 安装webpack-merge
const { merge } = require('webpack-merge');
// commonConfig是公共的config
const commonConfig = {
  entry: './index.js'
}

module.exports = merge(commonConfig, {
  mode: 'development'
})

上面的config会合并成这样

module.exports = {
  entry: './index.js',
  mode: 'development'
}