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

本篇文章主要是通过介绍webpack5模块联邦的基本配置，分析主应用和子应用打包后的产物，结合网络请求、源码等手段，以熟悉子应用如何和主应用共享依赖，子应用是如何加载主应用的脚本，搞懂模块联邦的加载

搭建webpack环境 创建一个项目 目录结构 webpack版本 这里说明一下，webpack4和webpack5的配置信息或者显示信息可能有点区别 编写配置文件 新建文件 package.json

前言 webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。 下面我们基于 webpack5 源码结构，对整个打包流程进

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打

本文通过解析Webpack构建过程中三个阶段：模块依赖拓扑图构建、产物组织形式分析、代码生成原理为读者讲解构建原理，想浅了解Webpack原理一定不要错过~

前言 Vite 作为 Vue 团队出品的构建工具，其超快的冷启动以及热更新速度让它迅速🔥起来了。 由于浏览器开始原生支持 ES 模块，Vite巧妙的利用生态系统中的新进展解决了 Webpack 构建速

前言 本篇是 webpack 进阶，以写文章的形式学习、巩固相关知识，如果有幸让您阅读，十分荣幸。~

又到了金九银十季，最近我也是奔波于各种面试。我自己总结整理了很多方向的前端面试题。把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的offer。