Babel

参考 #

• 官网
• AST Explorer
• babel-handbook - GitHub

• 深入浅出 Babel 上篇：架构和原理 + 实战
• 前端工程师的自我修养-关于 Babel 那些事儿
• 不容错过的 Babel7 知识
• 告别“复制粘贴”，带你自己配一个 Babel

• the-super-tiny-compiler - GitHub
• Babel？No！AST！
• 前端与编译原理——用 JS 写一个 JS 解释器

原理 #

原理很简单，核心就是 AST (抽象语法树)。

首先将源码转成抽象语法树，然后对语法树进行处理生成新的语法树，最后将新语法树生成新的 JS 代码。

整个编译过程可以分为 3 个阶段 ：

• parsing (解析)
• transforming (转换)
• generating (生成)