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