如何通过 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}
}
还有这个 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 使用 作为全局变量?
感谢您的帮助
最佳答案
写下这样的内容:
jade: {
html: {
src: './*.jade',
dest: './index2.html',
options: {
client: false,
pretty: true,
data: grunt.file.readJSON("data.json")
}
}
}
关于json - 如何包含静态 JSON 文件以使用 Jade 和 Grunt 进行编译,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16267122/