最近，一直尝试使用webpack做多页面应用的开发。并且一个实际的项目为原型，实现对一个静态的企业站进行优化。原站点地址，测试站点地址。 如果想要做一个自己个个人博客，或者企业官网来说，有一定的参考意义。 webpack的resolve.alias 在做模块化开发的过程中，有一个需要解决的问题就是引用模块的路径问题。 注：在we...

这里的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因为内容较多，需要另起一篇文章。

如何使用webpack构建多页面应用，这是一个我一直在想和解决的问题。网上也给出了很多的例子，很多想法。猛一看，觉得有那么点儿意思，但仔细看也就那样。

我之前写过一篇文章webpack4带来了什么，这篇文章优点照猫画虎的意思，文章中说明了一些什么，但好像是还没有说透，感觉不是那么好，所以下定决心，在写一篇，可能这一篇也有不足，但后续还会继续补充。话不多说，下面进入正文。

在开发人员还在体会webpack3.x的余韵时，webpack4.x已经悄然而来。 而对使用者来说，最期待的问题无外乎如下： 新版本与旧版本相比都有哪些改变？ webpack3.x到webapck4.x的迁移？ 使用webpack4.x我们应该注意什么？ webpack的新特性 webpack 作为构建工具的强大之处在于： 可以在 webpack.config.js 中配置很多独特的功...