Gruntjs: grunt-contrib-jst

浏览数：52 / 时间：2015年06月09日

预编译Underscore模板到JST文件（Underscore：JS工具库)

generate JavaScript template functions

Gruntfile的配置实例：

 1 module.exports = function(grunt) {
 2 
 3     grunt.initConfig({
 4         jst: {
 5             bulid: {
 6                 files: [{
 7                     expand: true,                   // 开启构建动态文件对象
 8                     cwd: ‘static/tpl/‘,             // 模板目录（源文件）
 9                     src: [‘**/*.html‘],             // 能匹配到模板的二级目录
10                     dest: ‘static/build/‘,          // 目标文件目录
11                     ext: ‘.js‘                      // 目标文件的后缀名
12                 }]
13             },
14             options: {                              // jst插件的一些配置
15                 amd: true,                          // define()的方法包裹生成的内容
16                 namespace: false,                   // 直接返回模板函数(等价于_.template(tmpl))
17                 prettify: true                      // 生成的内容在一行
18             }
19         },
20         watch: {
21             files: [‘static/tpl/**/*.html‘],
22             tasks: [‘newer:jst:bulid‘]
23         }
24     });
25 
26     grunt.loadNpmTasks(‘grunt-contrib-jst‘);
27     grunt.loadNpmTasks(‘grunt-contrib-watch‘);
28     grunt.loadNpmTasks(‘grunt-newer‘);
29 }

参考:

http://www.gruntjs.org/article/configuring_tasks.html

https://github.com/gruntjs/grunt-contrib-jst

https://github.com/gruntjs/grunt-contrib-watch

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： 代码 htm html file js static 实例 代码 htm html file js static 实例

相关文章

随机文章

您可能还喜欢

您可能还喜欢