我们知道，Webpack 本质是 “模块化打包工具”，但它有个 “天生短板”：默认只认识 JS 和 JSON 文件。可实际开发中，我们要处理的文件远不止这些........

webpack的性能优化较多，我们可以对其进行分类： 优化一：打包后的结果，上线时的性能优化。（比如分包处理、减小包体积、CDN服务器等） 优化二：优化打包速度，开发或者构建时优化打包速度。（比如ex

懒编译 webpack从5.17.0开始引入了 lazyCompilation, 为入口和异步模块提供按需编译服务。即使项目无限增大, 也可以将项目的调试编译时间维持在一个固定的区间内。只有当我们访问

事情是这样的 我叫A。 多年母胎solo，女人只会影响我拔刀的速度，我的♥就像在大润发宰了10年🐟一样。我认为我自己的一生不会为任何事物所动心。 直到前两天公司来个很好看的前端妹子，我俩对视第一眼，我

最近零零散散的对刚接手的一个新项目做了一些优化，白屏、打包相关的内容都涉及到了，写一篇文章来记录一下。

打包到65%老卡住是为什么? 为什么我的打包没有进度条? 进度条的真实度是怎么样的? 看完就了解. 本来打算总结make阶段, 偶然间点到这个插件上, 觉得又简单又有用, 插队写个progress-p

插件（Plugin）的概念插件是一种遵循一定规范的应用程序接口编写出来的程序，从而解耦系统能力，本文介绍Webpack插件机制实现原理。

1. webpack plugin机制实现原理是怎样的。 2. 如何自定义一个plugin。 3. compiler和compilation的区别。 4. Tapable是什么？有哪些钩子？如何使用？

一、Webpack 现状 最初的 Webpack 主打 Bundle 并且支持「Code Splitting」；在经过一段爆发式增长后，最有用的功能之一：热更新 Hot Module Replacem