A fast and tolerant wxml parser
## npm
$ npm install @wxml/parser --save-dev
## pnpm
$ pnpm add -D @wxml/parser
## yarn
$ yarn add @wxml/parser --dev
## cnpm (for china user)
$ cnpm install @wxml/parser --save-dev
Wanna try high level usage, check our AST
docs first !
![](https://raw.githubusercontent.com/wxmlfile/explorer/main/assets/wxml-explorer.png)
![](https://private-user-images.githubusercontent.com/14012511/382457016-32a61628-4791-40a6-a7f1-d580da817252.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMDQxMDksIm5iZiI6MTczOTEwMzgwOSwicGF0aCI6Ii8xNDAxMjUxMS8zODI0NTcwMTYtMzJhNjE2MjgtNDc5MS00MGE2LWE3ZjEtZDU4MGRhODE3MjUyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDEyMjMyOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA3ZjY2OTE2MjVlODJlNjVjYTM5ZDM4N2E1YWJkY2ZjYzE0NzRlNTY3MzM1MDk2YTUyM2M0YjJiNTEwZjdmZDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.T88-jkpkSEQQ0EPWMkO_ayBLsAoSyOMoY2BV8kvu24w)
const { parse } = require("@wxml/parser");
const AST = parse(`
<view class="search-contianer">
<view class="search" style="height:{{navHeight}}px;padding-top:{{navTop}}px">
<view class="search-title" src="../../images/actLogo/ytlogo.png">
{{mallName}}
</view>
<input
placeholder-class="search-placeholder"
type="text"
placeholder="please enter keyword for search"
disabled
value="{{name}}"
bindinput="bindinput"
bindtap="goSearch">
</input>
</view>
</view>
`);
console.log("AST structure: ", AST);
Open RunKit , and then happy coding !