Cómo incluir un archivo JSON estático para la compilación con Jade y Grunt

pug gruntjs

Question

¿Cómo compilo las plantillas de Jade en HTML estático a través de Grunt, donde mis datos ya están guardados en un archivo JSON?

Digamos que tengo este 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'');
};

Este archivo JSON (./data.json)

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

Y este 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

Entonces, ¿cómo puedo enseñar a gruñir para cargar el archivo json y ponerlo a disposición de Jade como una variable global?

Gracias por tu ayuda

Answer 1

Escribe algo como esto:

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