关于webpack.config.js的分离写法

1.需用用到一个包来协助。webpack-merge --save–dev
2. dev环境配置 build环境配置 公共的环境配置
3. 引入公共环境配置 利用这个包对dev/build和公共的配置进行拼接。
4.

const webpackMerge = require('webpack-merge');
const baseConfig = require('./base.config.js')
module.exports = webpackMerge(baseConfig,{
  //webpack搭建本地服务器 服务的是dist 生产阶段不需要（过后删）
  devServer:{
    contentBase: './dist',
    //实时监听
    inline: true
    //port:端口号 （指定泡在某个端口）
  }
})

---------------------------------------------------
const Uglifyjswebpackplugin = require('uglifyjs-webpack-plugin');
const webpackMerge = require('webpack-merge');
const baseConfig = require('./base.config.js')
//把baseConfig和当前的环境配置进行配置
module.exports = webpackMerge(baseConfig,{
  //webpack的插件
  plugins:[
    //声明版权
    new webpack.BannerPlugin('最终版权归Mr_cui所有'),
    //映射index.html
    new Htmlwebpackplugin({
      template: 'index.html'
    }),
    //压缩index.html （压缩会去空格，去注释。）开发阶段不需要
    new Uglifyjswebpackplugin()
  ]
})
``