如何在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}
}

And this Jade (./index.jade)

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

那么我如何教grunt加载json文件并使其对Jade可用呢作为一个全局变量?

谢谢你的帮助

Answer 1

这样写:

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