@babel/traverse

安装

npm

npm install --save @babel/traverse

Yarn

yarn add @babel/traverse

pnpm

pnpm add @babel/traverse

用法

我们可以将它与 babel 解析器一起使用来遍历和更新节点

JavaScript

import * as parser from "@babel/parser";
import traverse from "@babel/traverse";

const code = `function square(n) {
  return n * n;
}`;

const ast = parser.parse(code);

traverse(ast, {
  enter(path) {
    if (path.isIdentifier({ name: "n" })) {
      path.node.name = "x";
    }
  },
});

此外，我们还可以定位语法树中的特定节点类型

JavaScript

traverse(ast, {
  FunctionDeclaration: function(path) {
    path.node.id.name = "x";
  },
});

📖 阅读完整文档