31 实战：手写一个 prefetch-webpack-plugin 插件
人生太短，要干的事太多，我要争分夺秒。 ——爱迪生 Webpack 的plugin是 Webpack 的核心概念，可以说整个 Webpack 都是由插件组成的。本章节讨论的内容是我们在配置文件配置的 plugin。
32 实战：使用 Express 和中间件来实现 Webpack-dev-server
世界上最快乐的事，莫过于为理想而奋斗。 ——苏格拉底 在原理篇介绍HMR实现的文章中，我们对 Webpack-dev-server 和 HMR 做了深入的剖析。在实际开发中，我们仅仅使用 Webpack-dev-s
33 实战：使用 Stats 数据结构生成 Webpack 构建报告
完成工作的方法，是爱惜每一分钟。 ——达尔文 上篇文章我们手写了一个 150 行左右的 dev-server 代码，在代码的最后我们使用了Stats.toString将本次打包的结果输出，效果如下图所示： 这时候的
34 实战：给 Webpack 项目添加 modern
学习这件事不在乎有没有人教你，最重要的是在于你自己有没有觉悟和恒心。 ——法布尔 在 Vue-CLI 3 中有个Modern Mode 的新功能，在现代模式（modern mode）下，打包出来的 JavaScri
35 Webpack 5.0
先相信你自己，然后别人才会相信你。 ——屠格涅夫 Webpack 5.0 从 2018 年年底就开始发布 alpha 版本了，截稿时间，已经过去大半年了还没有发布正式版本。上次 6 月份在 GMTC 大会上 Web
36 课程总结
老骥伏枥，志在千里； 烈士暮年，壮心不已。 ——曹操 本专栏以零基础入门开始，从前端的模块化开发开始讲解模块化打包的历史，引出对 Webpack 重要性和解决问题的思考，然后由浅到深的介绍了 Webpack 的基本
37 附录：项目中常用的 loader
自信和希望是青年的特权。 ——大仲马 本小节列出项目中常用的 Webpack Loader，大家在实际项目中有类似需求的可以直接通过本小节的介绍来快速查找使用。 JavaScript 相关 babel-loader
38 附录：项目中常用的插件
困难只能吓倒懦夫懒汉，而胜利永远属于敢于等科学高峰的人。 ——茅以升 本小节列出项目中常用的 Webpack 插件，大家在实际项目中有类似需求的可以直接通过本小节的介绍来快速查找使用。 Webpack 内置的插件W
双向绑定
12345678910111213141516171819// 发布订阅class pubSub { constructor() { this.events = {}; } publish(event, ...args) { this.events[event].forEach(cb => cb(...args))