如何在Jade和Grunt中包含用於編譯的靜態JSON文件

Question

如何通過Grunt將Jade模板編譯爲靜態HTML，其中我的數據已經在JSON文件中保存爲 ？

說我有這個Gruntfile.js

module.exports = function(grunt) { 

    grunt.loadNpmTasks('grunt-contrib-jade'); 

    grunt.initConfig(
    { 
     jade: { 
      html: { 
       src: './*.jade', 
       dest: './index2.html', 
       options: { 
        client: false, 
        pretty: true 
       } 
      } 
     } 
    }); 

    grunt.registerTask('default', 'jade'); 
}; 

此JSON文件（./data.json）

{ 
    "foo": {value: 1}, 
    "bar": {value: 2}, 
    "baz": {value: 3} 
} 

這玉（./index.jade）

ul 
    li data_loaded_from_json.foo.value 
    li data_loaded_from_json.bar.value 
    li data_loaded_from_json.baz.value 

因此，如何能教我咕嚕加載JSON文件，並使其可用於玉 爲全局變量？

感謝您的幫助

Answer 1

寫這樣的事情：

jade: { 
    html: { 
     src: './*.jade', 
     dest: './index2.html', 
     options: { 
      client: false, 
      pretty: true, 
      data: grunt.file.readJSON("data.json") 
     } 
    } 
}