預(yù)編譯Underscore模板到JST文件（Underscore：JS工具庫)

generate JavaScript template functions

Gruntfile的配置實(shí)例：

1 module.exports = function(grunt) { 2 3 grunt.initConfig({ 4 jst: { 5 bulid: { 6 files: [{ 7 expand: true, // 開啟構(gòu)建動(dòng)態(tài)文件對(duì)象 8 cwd: 'static/tpl/', // 模板目錄（源文件） 9 src: ['**/*.html'], // 能匹配到模板的二級(jí)目錄 10 dest: 'static/build/', // 目標(biāo)文件目錄 11 ext: '.js' // 目標(biāo)文件的后綴名 12 }] 13 }, 14 options: { // jst插件的一些配置 15 amd: true, // define()的方法包裹生成的內(nèi)容 16 namespace: false, // 直接返回模板函數(shù)(等價(jià)于_.template(tmpl)) 17 prettify: true // 生成的內(nèi)容在一行 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

轉(zhuǎn)載于:https://www.cnblogs.com/mackxu/p/gruntjs-jst.html

總結(jié)

以上是生活随笔為你收集整理的Gruntjs: grunt-contrib-jst的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。