一、提取公共代码
使用到的插件：webpack-merge
1.安装 
npm i webpack-merge -D
2.提取公共代码
1）创建webpack.base.js，将webpack.dev.js和webpack.pro.js中的公共代码提取到webpack.base.js中
2）在webpack.dev.js和webpack.pro.js中导入webpack.base.js文件以及webpack-merge模块
3）在webpack.dev.js和webpack.pro.js中各自保留其需要使用的代码
3.使用
在webpack.dev.js和webpack.pro.js中使用module.exports导出各自的配置对象以及webpack.base.js基础的配置对象
比如：webpack.dev.js中
 
const baseConfig = require('./webpack.base')//基础配置对象
const merge = require('webpack-merge')//合并代码的函数

const devConfig = {
  devServer: {
    contentBase: resolve(__dirname, 'dist'),
    compress: true,
    port: 3000,
    open: true,
    hot: true
  },
  mode: 'development'
}

module.exports = merge(baseConfig, devConfig)//导出基础对象和这个页面的配置对象