您的位置:首页 > Web前端 > JavaScript

使用tmodjs预编译模板实例

2016-07-05 11:21 375 查看
首先呢,需要安装下node
然后安装tmodjs
npm install -g tmodjs

其次在模板文件夹下新建package.json配置文件,可参考如下,只备注了部分属性
{
"name": "template",
"version": "1.0.0",
"dependencies": {
"tmodjs": "1.0.3"
},
"tmodjs-config": {
"output": "./build",//编译输出目录设置
"charset": "utf-8",
"syntax": "simple",
"helpers": null,//自定义辅助方法路径
"escape": true,//
"compress": true,
"type": "default", //输出的模块类型,可选:default
cmd
amd
commonjs

"runtime": "template.js",//设置输出的运行时名称
"combo": true,
"minify": true,
"cache": false
}
}
目录结构为
 demo/tpl/package.json
                 /testtpl.html
         /js/mian.js
        /html/test.html
testtpl.html为模板文件,<div>名字是:{{name}}</div>在tpl存放模板的文件夹下,命令行,熟悉tomd
会在根目录下看到新增加了个build/tempate.js
在main.js下:var   testtpl = require("bulid/template.js");
$(document).ready(function(){
var data ={name:"test"};
var html = template("testtpl",data);
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: