在项目中需要统一代码风格时，我开始接触并学习了抽象语法树（AST）。通过在线工具和代码实践，我了解到AST的结构和在代码分析中的作用。我发现AST不仅有助于编写eslint规则，还能进行代码重构。

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

引言 本文将带领大家了解什么是 AST，它的语法怎么学习，以及它在我们实际开发中有什么用，最后我们会带大家实现几个小案例，真实的感受一下 AST 的魔法。

AST 初识 什么是 AST Abstract Syntax Tree，抽象语法树，是源代码结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 Babe

什么是AST 抽象语法树（abstract syntax tree或者缩写为AST），或者语法树（syntax tree），是源代码的抽象语法结构的树状表现形式。一个 AST 只包含与分析源文本有关的

Babel为当前最流行的代码JavaScript编译器了，其使用的JavaScript解析器为babel-parser，最初是从Acorn 项目fork出来的。Acorn 非常快，易于使用，并且针对非标准特性(以及那些未来的标准特性) 设计了一个基于插件的架构。本文主要介绍es…

如果你经常关注前端基础建设，相信你一定对抽象语法树（Abstract Syntax Tree，AST）技术并不陌生。在 Babel、Webpack、Eslint 等工具中，AST 都发挥着重要的作用，

主要介绍了AST（Abstract Syntax Tree，抽象语法树）的一些基础知识。使用babel对js代码进行转换、遍历、修改后重新生成目标代码。对于理解常见的一些工具和插件有一些帮助。