在 JavaScript 中将 Emmet 字符串解析为 AST答案

【问题标题】：Parse Emmet string to AST in JavaScript在 JavaScript 中将 Emmet 字符串解析为 AST
【发布时间】：2018-10-10 01:29:35
【问题描述】：

我想使用 Emmet 或等效工具将字符串缩写扩展为可在我的 JavaScript 项目的其余部分中使用的解析树。

看起来 Emmet 并不是被设计为作为 NPM 模块使用的，我找不到任何关于如何在 JavaScript 项目中使用它的文档。

我正在寻找等同于：

emmet.parse('#main') 输出与{ type: 'div', attributes: { id: 'main' } } 等效的内容。

我对 HTML 字符串输出不感兴趣，我需要直接在我自己的项目中使用解析树。

我真的很惊讶没有这样的东西。我错过了什么吗？如何仅将 Emmet 的解析器部分用作库？

我在npm install emmet 之后尝试了import 和require，但它似乎不是作为模块设计的，不会加载。

【问题讨论】：

【解决方案1】：

我花了一段时间才找到它，但最终找到了@emmetio/expand-abbreviation。看起来它可以满足我的需要。

import { expand, parse } from '@emmetio/expand-abbreviation'
const ast = parse('#main>ul>li*3')

【讨论】：