@babel/traverse

安裝

npm

npm install --save @babel/traverse

Yarn

yarn add @babel/traverse

pnpm

pnpm add @babel/traverse

用法

我們可以與 babel parser 一起使用來遍歷和更新節點

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";
  },
});

📖 在此處閱讀完整文件