一、什么是Tree-Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，他会在打包过程中通过静态分析模块之间的依赖关系从

现在前端项目的开发过程离不开构建工具，面对琳琅满目的构建工具我们该如何选择最合适的是一个问题。在研究各种配置之余，我们去研究一下构建工具发展过程、底层原理，面对一些问题的时候往往事半功倍。

前端工程化是指在前端开发过程中，通过一系列工具、方法和流程，将前端开发工作系统化、自动化和标准化，以提升开发效率、代码质量和项目管理能力的实践。 具体来说，前端工程化涵盖了以下几个方面： 模块化开发：

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

AST、Babel、自定义loader、自定义webpack ### 何为AST？ > `AST`全称是`AbStract Syntax tree`，也就是抽象语法树，它以树状的形式表现编程语言的语法

之前被问到webpack和vite在热更新方面有什么区别，当时并不知道具体细节，这两天研究了一下，因为在看webpack热更新过程中有些吃力，所以自己又去理解并整理了一下。

package.json 是一个用于描述和配置项目的重要文件，其中包含了许多字段和选项，可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。

目前 webpack 的使用依旧是主流，工作中的较多项目使用 webpack 来进行构筑，那为什么我们要使用 webpack 呢？本文试图回顾 webpack 所解决的问题，来回答以上的问题

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…