使用tmodjs预编译模板实例
2016-07-05 11:21
375 查看
首先呢,需要安装下node
然后安装tmodjs
其次在模板文件夹下新建package.json配置文件,可参考如下,只备注了部分属性
"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);
});
然后安装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);
});
相关文章推荐
- 从 JSON 字符串中解析 List 列表的方法
- 在jsp中重复定义了两个相同id的标签导致的错误
- js打印杨辉三角的另一种方法
- js加载页面资源
- Ajax调用Webservice返回JSON数据
- 原生js控制div的显示与隐藏
- js判断移动设备 并跳转到手机版
- WebAPI返回JSON的正确格式
- JS Tab切换 选项卡 五种方法
- 获取和设置大小(上)
- Javascript ParseInt() IE7 IE8处理0开头字符串异常
- JSP 9大内置对象和属性
- javascript基础:DOM2
- 使用JS伪造Post请求
- angular js 全选/消除全选 和 layer删除确认框
- angular js data-ng-show, data-ng-disabled
- Javascript的protocol属性
- artTemplate.js简单实例
- JS如何获取iframe内html的body值
- JavaScript实现的9大排序算法