Vite 给人一种又快又慢的感觉，快主要体现在 DevServer 的启动和热更新上，但随之带来的问题是，首屏性能不好以及页面加载时间长的问题。那为什么 Vite 的首屏性能不是怎么好呢？

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…

webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除

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

好几天没有更新了，不是因为放弃了，而是之前一直高强度的学习，身体直接嘎了😭，从9月底开始包括十一假期期间，只要是有时间，每天都学习到晚上10点多......

webpack的插件机制借助于tapable来实现，tapable利用动态编译函数技术巧妙的串联拼装成能处理不同类型的流程，即支持同步异步，也能支持瀑布流等。

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

1. 前言 上次的文章给大家分享了怎么在webpack打包阶段去将自己的项目优化到极致。文章链接：将webpack打包优化到极致_20180619 2. 探究业务的瓶颈 H5页面的性能瓶颈，网络因素几乎可以占到80%。不管是减小产出文件体积，还是使用HTTP2.0或者是PWA等…