上一小节解决了多页面应用的基本打包的需求，从得到的打包后的模块中，很容易看出它存在重复打包的问题，eventbus.js这个公共库被indexController.js和aboutController.js中均被引用，但在不同的chunks中被重复打包，当公共部分的体积较大时，这样的方式明显是不能接受的。实际上分包问题并不是多页面应用中才存在的，而且是非常复杂的，它不仅要考虑公共模块本身的大小，模块之间的引用关系，还需要考虑同步引用和异步引用等等非常多的问题，笔者尚未研究清楚。
webpack1-3的版本中使用commonsChunkPlugin插件来解决这个问题，在4.0以上的版本中废弃了原有方法，改为使用optimization.splitChunks和optimization.runtimeChunk来解决优化chunk拆分的问题，关于两者的区别可以看《webpack4：连奏中的进化》这篇博文。
2. 组件模板html文件的处理
在基于Angular的项目中或许你会需要处理此类问题。github上点赞较多的Angular-webpack-starter项目对于html文件的处理是直接使用raw-loader当做文本文件处理，推测其内部将html文件中的内容当做模板字符串使用并在框架内部进行了加工。
需要注意的是，html-webpack-plugin插件是依赖于html-loader而工作的，当你显式使用/\.html$/作为规则来筛选文件时，同样会选择到作为入口文件的html资源，从而造成冲突报错。在Angularjs1.X项目中可考虑使用ngTemplage-loader插件。
四. 小结本文使用的html文件是较为简单的，仅包含基本的标签和属性，并未包含其他资源引用（样式，图片等），毕竟webpack的组成部分太过庞杂，去除干扰信息有针对性的学习更容易理解。资源管理及定位将在后续的章节阐述。