Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

👋 事情是这样的，作为一名母胎 solo 二十几年的我，平平无奇的一直活在别人的狗粮之下。渐渐的，我好像活成了一个随时见证别人爱情，也随时能为失恋的人排忧解难的角色。 直到前两天，公司新来了一个前端

webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，是近两年的后起之秀！

作者在升级了webpack5以后，整体的开发体验都有了质的提升，本文主要归纳总结了创作者中心升级webpack5的流程以及分享过程中踩过的一些坑，供大家参考

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

由于项目越来越庞大复杂，打包时间也非常长，本地开发环境每次重启都要打包好久也和你头疼，正好借此契机对webpack做了v4 到 v5的升级。

随着产品的不断演化发展，整个应用常常不可避免的变得越来越庞大，此时首屏渲染时间或者首次加载时间都会加长。然后性能优化就会被排上日程。在众多的性能优化方案中，对模块做按需加载，无疑是最有效的方法之一。使用 webpack 的 import() 方法即可轻松实现模块的按需加载。 我…

前言 原文来自 我的个人博客 webpack 作为前端目前使用最广泛的打包工具，在面试中也是经常会被问到的。 比较常见的面试题包括： 可以配置哪些属性来进行 webpack 性能优化？ 前端有哪些常见