Acorn / JSX -具有特定类型的步行节点

Question

我正在解析JSX (React组件)，以找到以下所有节点：

• 属于JSXText型
• 节点没有空参数text

这是我第一次尝试解析组件源文件，并测试如何获得Literal节点。

const acorn = require("acorn")
const jsx = require("acorn-jsx")
const cf = require("acorn-class-fields")
const walk = require("acorn-walk")

let s = acorn.Parser.extend(cf).extend(jsx()).parse(cnt, {ecmaVersion: "latest", sourceType: "module"});
 walk.simple(s, {
Literal(node) {
                        console.log(`Literal: ${node.value}`)
                    }
})

问题

• 我找到了节点类型这里，但没有JSX节点类型-哪里可以找到？
• 如何过滤不带空text参数的节点？

Answer 1

我相信您可以扩展acorn-walk以包括额外的类型。

这个插件适合我：https://github.com/sderosiaux/acorn-jsx-walk

在编写本报告时，我将如何实施这一原则：

const acorn = require("acorn");
const jsx = require("acorn-jsx");
const walk = require("acorn-walk");
const { extend } = require('acorn-jsx-walk')

// setup
const parser = acorn.Parser.extend(jsx());
extend(walk.base);

// parse
const ast = parser.parse(cnt, { ecmaVersion: "latest", sourceType: 'module' });


// analys
walk.simple(ast, {
    JSXText(node) {
        console.log(node.expression)
    }
});