大家好，我是前端小张同学，这是webpack内容第二次更新了，接下来我会将webpack一步一步深入，并分享给大家。 我正在参与四月更文挑战，一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文

何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。

这一章讲打包体积优化，这个也算是最重要的一章了，我之前可是花了很多时间去查资料怎么优化打包体积的，不同版本的webpack之间还有一些区别，所以也算踩了很多的坑，所以这一章会比较长。 可以清晰的看到antd和react-dom就占了一半多，下面来优化。 1. 修改mode 2.…

由于公司的后台项目比较大，构建时间非常久，觉得很浪费时间，就起了优化的心思。看了一些webpack优化的文章，大部分都提到了webpack5的持久性缓存大大提升了构建速度，而且官方也说了尽可能长

在工作中遇到几个比较大型的老项目，启动非常慢，经常是2-3分钟左右。 再来看一个更夸张的： 对于启动这样的项目真的是折磨。 二、预备知识 （一）esbuild 为什么

开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直…

webpack 优化 文章更新， 重新对文章做了一次梳理排版，语言表达能力不足，感兴趣的小伙伴将就看一下，有问题大家可以评论区一起探讨。

Webpack5 在 2020 年 10 月 10 日正式发布，并且在过去的几个月中快速演进和迭代，截止 1 月 28 日，Webpack5 已经更新了 18 个 minor 版本，带来了许多十分吸引人的新特性。据官网介绍，Webpack5 整体的方向性变化有以下几点： 最后的…

「万字长文」超硬核 ！手把手带你实现开源 Webpack 插件项目，逐步带你走进Webpack开发者的世界。从此对于 Webpack 插件开发，真正做到 “知其然，知其所以然”。