JSON 无法使用 Panini 加载

Question

我正在使用 Zurb Foundation for Emails，我希望创建一个非常简单的多语言电子邮件导出系统，我有这个 data/lang.json:

{
  "en": {
        "hello": "hello",
        "welcome": "Welcome to my website"
  },
  "fr": {
          "hello": "Bonjour",
          "other": "Bienvenue sur mon site web"
  }
}

.. 并基于 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

的 lang 属性

我需要使用 JSON 中的相应对象。

Zurb 使用 Panini 和 Handlebars，所以我这样做是为了开始：

{{lang.en.hello}}

.. 但页面上没有显示任何内容。我做错了什么？

Answer 1

很可能第 50 行附近的 gulpfile.babel.js 中缺少 src/data 目录。

.pipe(panini({
      root: 'src/pages',
      layouts: 'src/layouts',
      partials: 'src/partials',
      helpers: 'src/helpers',
      data: 'src/data'

如果您希望浏览器重新加载功能起作用，您还应该添加一个 watch 表达式和其他表达式（ln:106 左右）：

gulp.watch('src/data/**/*.json').on('change', gulp.series(resetPages, pages, inline, browser.reload));

另见 https://github.com/zurb/panini

祝你好运！

JSON 无法使用 Panini 加载

JSON doesn't load using Panini

javascript

json

node.js

handlebars.js

zurb-foundation