webpack-merge

webpack-merge

随着我们业务逻辑的增多，图片、字体、css、ES6以及CSS预处理器和后处理器逐渐的加入到我们的项目中来，进而导致配置文件的增多，使得配置文件书写起来比较繁琐，更严重者（书写特定文件的位置会出现错误）。更由于项目中不同的生产环境和开发环境的配置，使得配置文件变得更加糟糕。
使用单个的配置文件会影响到任务的可重用性，随着项目需求的增长，我们必须要找到更有效地管理配置文件的方法。

安装webpack-merge

npm install webpack-merge -D

2 配置（手动指定config） package.json

"scripts": {
    "build": "webpack --config webpack.prod.js",
    "dev": "webpack-dev-server --open --config wbpack.dev.js"
  },

3:新建文件  

 webpack.common.js   公共配置文件  -- 抽离出公共的部分  通过merge  在dev  prod 文件内进行合并

webpack.dev.js   研发环境配置文件

webpack.prod.js  生产环境配置文件