如何使用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

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

感谢您的帮助

Answer 1

写下这样的东西：

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