将 json 数据放入 grunt 中的组装模板中

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" 
}