webpack-merge使用说明

配置分离

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

管理配置文件的几种方法:

• 在每个环境的多个文件中维护配置，并通过--config参数将webpack指向每个文件，通过模块导入共享配置。
• 将配置文件推送到库，然后引用库。
• 将配置文件推送到工具。
• 维护单个配置文件的所有配置并在那里进行分支并依赖--env参数。

在本文中，主要介绍第四种文件配置的方法。

分离配置文件

我们在根目录下创建config文件夹，并创建四个配置文件：

• webpack.comm.js 公共环境的配置文件
• webpack.development.js 开发环境下的配置文件
• webpack.production.js 生产环境下的配置文件
• webpack.parts.js 各个配置零件的配置文件

合并配置文件的工具

如果配置文件被分成了许多不同的部分，那么必须以某种方式来组合他们，通常就是合并数组和对象，webpack-merge很好的做到了这一点。

webpack-merge做了两件事：它允许连