在线demo：拖拽式Vue组件代码生成编辑器
后期打算开源
1.html2object
该库用于将 html 解析为 javascript 对象，或将 javascript 对象转换为 html。
这个库也适用于 SFC 文件（*.vue）。
2.htmlparser2 、htmlparser
前者可以说是后者的升级版吧，作用跟上面一样，互相转换html或obj对象
上面2个都是传入字符串，将字符串转换为3层对象：template、script、style
3. espree 主要用来解析js字符串例如： 'let foo = "bar"' 生成AST语法树
sourceType : "script" 指定要解析的脚本类型（“script”、“module”或“commonjs”）
ecmaVersion：6 理解为es6
const ast = espree.parse(code, { ecmaVersion: 6, sourceType: "module" });
4. escodegen 主要将AST语法树转换为正常js代码
const newCode = escodegen.generate(dataAst);
5. css库，用于将字符串的css，转化为一个对象形式的AST结构
const obj = css.parse(style);
6.vue框架自带的模板解析，从完整的SFC解析出单独的s、f、c
import { parseComponent } from "vue-template-compiler讯享网
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/39429.html