預編譯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

轉載于:https://www.cnblogs.com/mackxu/p/gruntjs-jst.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。