mustache实现思路(第八课)

1.token、data数据结合 mustache 解析成html字符串

2.webpack-dev-server wepback webpack-cli

 

环境配置webpack.config.js

 

3.第10课 parseTemplateToTokens方法封装

import Scanner from './Scanner'

/*

将模板字符串变为tokens数组

*/

export default function parseTemplateToTokens(templateStr){

var tokens=[];

var scanner=new Scanner(templateStr);

var words;

while(scanner.eos()){

// 收集开始标记出现之前的文字

words=scanner.scanUtil('{{')

// 收集

if(words){

tokens.push(['text',words]);

}

 

// 跳过双大括号

scanner.scan("{{")

// 收集变量

words=scanner.scanUtil('}}')

if(words){

if(words.indexOf('#')>-1){

tokens.push(['#',words.substring(1)]);

}else if(words.indexOf('/')>-1){

tokens.push(['/',words.substring(1)]);

}else{

tokens.push(['text',words]);

}

}

//跳过大括号

scanner.scan('}}');

}

return tokens;

}