将通用/全局JSON数据加载到车把

时间:2019-06-28 09:17:36

标签: json gulp handlebars.js

要设置场景,我正在使用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

0 个答案:

没有答案