这里的hash主要从两个方面来说。一个是webpack生成的hash，另一个是页面链接中的hash，如：http://localhost:8080/ywbk.html#restaurant中的#restaurant。后者在单页面应用的路由处理中经常用到。

而造成webpack.config.js文件增大的原因，主要是从entry，plugins的配置，而造成plugins增加是html-webpack-plugin和webpack-spritesmith的使用。因为每增加一个页面，就需要增加一个entry和实例化的html-wepback-plguin，而每增加一个雪碧图就要使用一个webpack-spritesimth。

在之前的系列文章中，我已经介绍了如何用webpack实现多页面应用的js，html，css的处理。今天就主要介绍如何处理静态资源，在web开发中最常见的静态资源就是图片。

因为大多数人都比较喜欢，或者说倾向于用js操作现有的html代码块，而不喜欢用js来生成html代码块，之后再来操作它。很明显的一点儿就是前者清晰明了，后者不是那么直观。

因为所涵盖的知识点较碎，所以就不按照页面的位置结合组成元素来讲，如：head, body, script等。这里主要介绍head。因为script操作其实就是上一篇文章中已经介绍过的js操作，而body因为内容较多，需要另起一篇文章。