当生成树的时候，解析器 会删除一些没必要的标识tokens（比如不完整的括号），因此AST不是100%与源码匹配的，但是已经能让我们知道如何处理了
2）AST 应用AST 查看辅助工具：点我
解析并转换 AST 的这个步骤比较繁琐，当然我们不必重复造轮子，已经有人替我们造好了轮子，比如解析服Java文件，我们可以应用 Javaparser 进行 AST 转换，解析 Js / Ts 文件，可以应用 Babelparser 进行 AST 转换。当然，尽管轮子已经为我们准备好了，我们还需要如何运用，那就是得了解规则，下面附上一些常用的节点类型含义对照表，也就是 AST 转换的规则：
为了快速了解，我们这篇以 JavaScript 文件为例，那么解析与操作 JavaScript 文件，已经有了比较好用的轮子 -- jscodeshift，我们下面就利用 jscodeshift 来操作 AST
1、查找这里是一段十分简易的代码：
import React from 'react';
import { Button } from 'antd';
我们对比上面的 节点类型含义对照表 ，可以看出这是两个 ImportDeclaration 语句
然后我们将这段代码放到 AST 可视化工具中查看转换成 AST 后的样子：
这个时候我们有个小小的需求，那就是我想要获取下面代码块中的导包源，也就是 from 后面的内容
import React from "react";
import { Button } from "antd";
import { moment } from "moment";
我们来看这段话的含义，代码中我们通过引入 jscodeshift 来帮助我们解析和操作 AST 文件，然后在 API 中声明了我们要查找元素的类型
这个时候我们可以打开控制台运行 node find.js 来运行该脚本内容，可以看到控制台成功的输出了我们想要的结果！
react
antd
moment
接下来我们玩法进阶，我们在下面代码块中除了看到有 import 语法，还定义了 name 属性，那我们这个时候需求又来了， 我想获取该 name 的值！这个时候要怎么办呢？
