hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从源服务器上拉取对应数据，进而更新本地缓存。但是在实际使用的时候，这几…

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

就是为了解决这个问题而写，希望看到这篇文章的同学能少走一些弯路。 函数bar由于没有被引用，因此bar为冗余代码。通过使用Tree-shaking，让bar在打包的时候自动被删除掉，从而减少了代码的构建体积。 sideEffects设为false，告诉Webpack没有文件有副…

大家好，之前出了一篇面试篇webpack入门，这篇文章继续介绍接下来更深入东西。 讲道理大家都是直接import一个loader或者使用webpack内置的loader的。 其实和正常载入loader一样，只是这里指向的是本地文件的路径。 当使用多个loader的时候，从传入l…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…