本篇文章从 什么是 Tree Shaking、如何使用 Tree Shaking、Tree Shaking 的原理：usedExports 和 sideEffects 以及 如何实践 Tree Sha

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

前言 掘金上有太多非常好的写webpack的文章了，就不班门弄斧了，这里快速聊一下，webpack是怎么一回事。 webpack 是啥？ webpack就是用来搭建前端工程的，它运行在node环境中，

一、Webpack 是什么？ Webpack 是一个静态模块打包工具。它能够将项目中的各种资源视为模块，并根据模块之间的依赖关系，将它们打包成静态资源文件（bundle）。这些静态资源文件可以被浏览器

1. webpack的定义 Webpack是一个用于现代JavaScript应用程序的静态模块打包工具。 2. webpack的背景 Webpack的背景主要源于前端开发复杂度的提升和模块化规范的演变

性能优化已是老生常谈的问题，但不知大家对于模块联邦这个概念是否熟悉。一句话介绍，模块联邦可以让当前前端应用动态地加载来自其他应用的代码。 听着有点绕？那我先来说说模块联邦带来的一个特性：依赖共享。

前言 每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看

如今面试中问到最多的问题就是性能优化了，我们可以站在不同的角度去回答，比如减少http请求、用户体验上的优化等等很多方面。 webpack做性能优化主要从 优化构建后的结果 和 优化构建时的速度 两方

webpack-cli 在v3之后发生了大的改造升级，整体内部的时间发生了很大的变化，本文就从源码的视角看一看这些新的改动，并且探寻下这么做所带来的一些好处！