wxml-transformer
将微信小程序的wxml代码转换成js object或html片段
注意:此工具单独使用无任何意义,因为默认配置中,wxml标签的相关属性名和值都会原封不动的传递给转换后的html标签,所以转换后的html不拥有功能,只拥有结构;不过此工具可以供其他解决方案使用,如:存在一种将小程序应用直接转换成vue/react/angular单页应用的解决方案。
安装
npm i wxml-transformer --save-dev
使用
var transformer = ;transformer;//<div id="box">{{123}}</div> var options = mapping: view: 'section' { return `<span data-wxa="text" >` `</span>`; } ;transformer;//<section id="box">{{123}} <span data-wxa="text" id="t1">456</span></section> transformer;//{tag:'view', props:[{name:'id', value:'box'}], children:[ {'{{123}}'} ]} transformer;//{tag:'view', props:[{name:'id', value:'box'}, {name:'hidden', onlyName:true}], children:[ {'{{123}}'} ]}
更新日志
v0.1.2
toObject
方法转换后的结果中props
不在是一个object
,而是一个Array
,结构为:[{name:String, value:String, onlyName:Boolean}]
;toObject
支持将无属性值的属性添加特殊标记,以供后续程序使用,特殊标记为onlyName
,是个Boolean
值;
v0.1.0 ~ v0.1.1
初步功能,包括:
- 将
wxml
转换成object
; - 将
wxml
转换成html
; - 将
object
转换成html
;