template.js的webpakc编译loader——一款javascript模板引擎。
$ npm install --save [email protected] # 安装template运行时
$ npm install --save templatejs-loader # 安装template编译插件
注意:template_js 必须是0.6.1
配置参数同template.js参数一样,其中expression参数会作为获取template的表达式。
loaders: [
{
test: /\.tmpl/,
loader: "templatejs-loader",
query: {
sTag: '<#',
eTag: '#>',
expression: 'require("template_js")'
}
}
]
新建模版文件demo.tmpl
<div>
<#=abc#>
</div>
在js中require
模版文件,并渲染
var tpl = require('./demo.tmpl');
document.getElementById('test').innerHTML = tpl({abc: 'yanhaijing'});
yanhaijing