你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 什么？！你还想要"呆妹"出来给你讲webpack？！小伙子，你的想法很危险❌啊。 不可能的，下次想要见到"她"可能要等到呆呆5000粉的时候吧😒。在这之前我绝不可能再女装👚了 😊。 另外关于「霖呆呆的webpa…

三篇长文，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇，如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本文。 本文会引入更多的 webpack 配置，如果文中有任…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

生成的文件在通过官网的 说明 可以对打包结果的性能进行分析， 除此外 webpack 官网提供了在线分析的 分析工具, 通过上传生成的 stats.json 文件，可以更直观的分析打包模块. 除了上述的方式外，使用第三方工具 webpack-bundle-analyzer 可以…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

在上篇文章《Webpack源码解读：理清编译主流程》中，大体了解了webpack的编译主流程，其中我们跳过了一个重要内容Tapable。webpack 插件向第三方开发者提供了钩入webpack引擎中的编译流程的方式，而Tapable是插件的最核心基础。 本文首先分析Tapab…

Webpack热更新（ Hot Module Replacement，简称 HMR，后续均以 HMR 替代），无需完全刷新整个页面的同时，更新所有类型的模块，是 Webpack 提供的最有用的功能之一。 HMR 作为一个 Webpack 内置的功能，可以通过 --hot 或者 …

标题我们写上了Webpack 新特性实战尝鲜的第二季，那么肯定就有第一季了( Webpack5.0 新特性尝鲜实战 🦀🦀【第一季】)。距离写上一篇文章已经超过了一年的时间，那时候还是major版，我们先来总结一下吧： 老袁写这篇文章的时候现在的版本是 v5.0.0-beta…

分享到掘金后，受到很多小伙伴的点赞和喜欢，希望可以多出品这样的实战项目技术文章。可以让想进入Nodejs全栈开发的小伙伴提供指明灯，少走弯路，可供学习参考，减少工作量，提高工作效率。 也收到一些大佬的指点和建议，其中有位大佬，给了一些项目上的优化建议，是我曾经的同事，他看了我分…