八股文
Babel 原理
Babel 是⼀个 JavaScript 编译器，主要⽤于将现代 JavaScript（如 ES6+语法）转换为兼容性更强的 旧版本 JavaScript（如 ES5），以便在不同的浏览器和环境中运⾏。它的核⼼原理可以分为以下⼏个 步骤：
- 解析：
- Babel ⾸先通过词法分析和语法分析，将代码解析成⼀种叫做 抽象语法树（AST,Abstract Syntax Tree） 的结构。AST 是⼀种以树形结构表⽰代码语法和结构的形式，这样⽅便后续的转换 和⽣成步骤。
- 转换：
- Babel 会根据配置的插件和预设（presets）对 AST 进⾏修改和转换。例如，如果使⽤了 ES6 的 箭头函数，Babel 会将其转换为等价的传统函数表达式。转换过程基于插件体系，允许⽤⼾⾃定义和 扩展转换逻辑。
- ⽣成：
- 在完成 AST 转换后，Babel 将新的 AST 转回成标准的 JavaScript 代码。这个过程叫做代码⽣成， Babel 会尽可能保持原代码的⻛格，但会根据⽬标环境的需求将⾼级语法转换为低级的等效实现。
主要组成部分：
- Parser（解析器）：负责将源代码转换为 AST。常⽤的 parser 是 @babel/parser
- Transform（转换器）：插件的核⼼部分，负责修改 AST。⽐如 @babel/plugin-transform-arrow-functions 插件可以将箭头函数转换为普通函数。
- Generator（⽣成器）：将 AST 转换回 JavaScript 代码，使⽤的是 Babel 的配置 @babel/generator。
Babel 的配置
Babel 的强⼤之处在于其插件系统和预设系统。预设是插件的集合，例如 @babel/preset-env 会根据你设定的⽬标环境⾃动选择适合的插件，把不同版本的 JavaScript 语法转换为⽬标环境⽀持的版 本
插件（plugins）：每个插件负责将⼀种或⼏种特定的语法转换成等效的旧语法。例如，箭头函 数、类、模块导⼊导出等⾼级特性都可以通过不同的插件来转换。
预设（presets）：是插件的集合，提供⼀站式的转换⽅案，⽐如@babel/preset-env 会根据⽬标浏览器的兼容性⾃动添加需要的插件。
工作流程
- 安装和配置： 开发者配置.babelrc 或 babel.config.js 文件，指定插件和预设。
- 代码解析： Babel 解析器将源代码转换为 AST。
- AST 转换： 根据配置的插件修改 AST
- 代码⽣成： 最终⽣成转换后的代码，确保它可以在更多的环境中正常运⾏
通过这个过程，Babel 让开发者可以使⽤最新的 JavaScript 语⾔特性，⽽不⽤担⼼浏览器的兼容性问 题。
Tree Shaking 原理
Tree Shaking 是⼀种优化技术，⽤于删除未使⽤的代码。其原理如下：
- 静态分析:通过静态分析代码的模块依赖，识别出未被使⽤的代码。
- 删除未使⽤的代码:从最终的打包结果中移除这些未使⽤的代码。