前端技能树，面试复习第 29 天—— 简述 Babel 的原理 | Webpack 构建流程 | Webpack 热更新原理 | Git 常用命令

Posted 2022-07-28 前端修罗场

31b3479814f74acbb70b9f63f2e80012.gif" width=“100%”>

⭐️ 本文首发自 前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区，我专注 Web 技术、答疑解惑、面试辅导以及职业发展。。

1. Babel的原理是什么?

babel 的转译过程也分为三个阶段，这三步具体是：解析、转换、生成

• 解析 Parse: 将代码解析⽣成抽象语法树（AST），即词法分析与语法分析的过程；
• 转换 Transform: 对于 AST 进⾏变换⼀系列的操作，babel 接受得到 AST 并通过 babel-traverse 对其进⾏遍历，在此过程中进⾏添加、更新及移除等操作；
• ⽣成 Generate: 将变换后的 AST 再转换为 JS 代码, 使⽤到的模块是 babel-generator。