gruntjs - 在 grunt 中获取 json 数据到组装模板中

Question

我正在通过 grunt 插件使用 assemble ( https://github.com/assemble/assemble ) 来构建静态页面。

我已经使用 grunt 一段时间了，所以了解它是如何工作的，但这是我第一次使用 assemble，所以我查看了引用( http://blog.parkji.co.uk/2013/07/06/building-a-static-site-using-grunt-and-assemble.html )。一切似乎都运行良好。

但是，我想将 JSON 数据引入混合中，并查看了 assemble 站点( http://assemble.io/docs/Data.html )上的文档，但在我运行“grunt assemble”之后，它不会呈现 json 数据:(

我的 gruntfile

 assemble: {
        options: {
            layout: "src/responsive/layouts/default.hbs",
            data: 'src/responsive/data/**/*.json',
            flatten: true
        },
        pages: {
            files: {
                'src/': ['src/responsive/pages/*.hbs']
            }
        }
    },

测试json:

{
  "name ": "This is a square widget" ,
  "modifier ": "widget-square" 
 }

和文件夹结构:

- data
-- index.json
- layouts
-- default.hbs
- pages
-- index.hbs

在 pages/index.hbs 中，我试图调用 {{ index.name }} 或简单地调用 {{ name }} (我都尝试过)无济于事。

我把头发拔出来，因为 grunt 没有给出任何错误(事实上，如果我让 json 无效 grunt 提示，所以它正在阅读它)。

在我发疯之前，任何帮助都非常感谢......

谢谢，
阿德里安

Answer 1

您的 JSON 是问题所在。您的 keys 中有多余的空格.您的 JSON 格式应如下所示:

{
  "name": "This is a square widget",
  "modifier": "widget-square" 
}