要设置场景,我正在使用Gulp和gulp-hb。
我想将一组数据(来自JSON文件)加载到所有Handlebars布局和/或部分文档中,而无需引用文件/基本路径。
默认情况下,我可以拥有一个包含数据的JSON文件foo.json
{
"bar": "foobar"
}
并在Handlebars部分中提取引用:
{{ foo.bar }} // Would output "foobar"
但是,此外,我想自动将bar.json
加载到所有布局和/或部分布局中,并在没有文件/基本路径的情况下引用它,例如:
// bar.json
{
"foo": "barfoo"
}
// *.hbs
{{ foo }} // Would output "barfoo"
类似于通过直接在gulpfile.js
中注入数据所实现的功能,例如
function handlebars() {
return src(config.paths.src + '/layouts/*.html')
.pipe(hb()
.partials(config.paths.src + '/partials/*.hbs')
.helpers(config.paths.src + '/helpers/*.js')
// Inject the data
.data({
"foo": "barfoo"
})
// Source data as we usually would too
.data(config.paths.src + '/data/*.json')
.pipe(dest(config.paths.tmp));
}
^^^使用Gulp和gulp-hb