AST 实战图解教程(10 节课)
看懂代码在编译器眼中的样子:用图解拆开语法树的结构与遍历规则,读完就能独立写出一个可用的 Babel 插件。
第一章 · 初识 AST2 节
什么是 AST?看一段代码如何变成“树”编译器三步走:解析 → 转换 → 生成
第二章 · 手写理解原理2 节
手写 tokenizer:把源码切成 token 流手写递归下降 Parser:把 token 拼成 AST
第三章 · 用工具解析真实 JS1 节
用 acorn 解析真实 JS + 自己写 AST 遍历器
第四章 · Babel 生态实战3 节
babel-traverse 遍历 + Paths(访问者进/出、路径对象)@babel/types 构造与修改节点写你的第一个 Babel 插件:import 改写实战
第五章 · 转换与生成2 节
代码转换实战:ES6 → ES5基于 AST 的 lint 与自动修复 + 代码生成(收官)