@babel/traverse

Install

• npm
• Yarn
• pnpm

npm install --save @babel/traverse

yarn add @babel/traverse

pnpm add @babel/traverse

Usage

We can use it alongside the babel parser to traverse and update nodes:

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

Also, we can target particular node types in the Syntax Tree

JavaScript

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

📖 Read the full docs here