json - 如何包含静态 JSON 文件以使用 Jade 和 Grunt 进行编译

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")
        }
    }
}