@babel/traverse 使用方法小记

@babel/traverse 

官网: https://babeljs.io/docs/en/babel-traverse

github:https://github.com/babel/babel/blob/master/packages/babel-traverse/test/traverse.js

 

了解一个东西最直接的方法就是看官网了解怎么用,看github源码Test模块代码的使用和测试。

 

@babel/traverse 可以用来遍历更新@babel/parser生成的AST

两种使用方法

  • 对语法书中特定的节点进行操作
  • 对所有的操作
traverse(ast, {
      CallExpression(p) {
        // 对语法书中特定的节点进行操作 参考@babel/types (特定节点类型)
        // CallExpression 特定节点
      },
      FunctionDeclaration: function(path) {
        // 对语法书中特定的节点进行操作 参考@babel/types (特定节点类型)
        // FunctionDeclaration 特定节点
      }
      // .....

      enter(path) {
        if (path.node.type === "ThisExpression"){
          // 对所有的操作
        };
      }
    })

 

你可能感兴趣的:(@babel/traverse 使用方法小记)