如何使用acorn.js或类似的库向ast树添加新节点？

Question

我试图使用acorn.js和约曼一起向现有的js文件中添加代码，.I试图使用esprima和acorn来完成这项工作，但是我找不到任何关于向AST添加节点的文档。

Answer 1

(迟了三年，但答案是这样的)

首先，您需要了解，并不是简单地将新节点添加到任何位置的AST树。由于您表示要将代码添加到js文件中，所以需要将其添加到具有body的节点。如何操作body与如何处理数组(以橡子为例)是一样的。下面是如何将节点添加到FunctionDeclaration节点的示例。

// astNode is a FunctionDeclaration node with a body that contains more nodes
// newNode is the code you want to insert
astNode.body.push(newNode); // add node at the end of the function block
astNode.body.unshift(newNode); // add node at the beginning of the function block
astNode.body.splice(index, 0, newNode); // add node at index

Answer 2

我发现有用的是用橡子和河口。您可以使用橡子将您的JS文件转换为AST，然后根据ECMAscript轻松地添加或替换使用estraverse的节点。

您需要查找的是estraverse.replace(..)API接口。

Answer 3

我相信这就是你要找的https://github.com/SBoudrias/ast-query