javascript - 组装:如何从 json/yaml 生成页面？

Question

如果提供布局，是否可以通过 json/yaml 生成页面？我认为这是可能的，但在文档中找不到。

目前正在 GitHub 中跟踪:http://webb.li/QjTX

Answer 1

由于 options.pages 功能已经实现，您可以像这样添加页面:

options: {
  pages: {
    "about": {
      "data": {
        "title": "About"
      },
      "content": "Content for {{title}}"
    },
    ...
  }
}

我们不支持自动加载 json/yml 文件，但您可以在 Gruntfile 中执行此操作，并以这种方式将对象添加到 options.pages...

module.exports = function(grunt) {

  grunt.initConfig({

    // package.json
    pkg: grunt.file.readJSON('package.json'),

    assemble: {
      options: {
        flatten: true,
        layoutdir: 'src/layouts',
        assets: 'dest/assets'
      },
      blog: {
        options: {
          engine: 'handlebars',
          layout: 'post.hbs',
          site: {
            title: 'This is my Blog'
          },
          pages: grunt.file.readJSON('pages.json')
        },
        files: { 'dest/': ['src/index.hbs'] }
      }
    }
  });

  // Load npm plugins to provide necessary tasks.
  grunt.loadNpmTasks('assemble');

  // Default task.
  grunt.registerTask('default', ['assemble']);

};

此示例使用 post.hbs 文件作为 pages.json 文件中定义的任何页面的布局。它还将为 files src 数组中指定的 index.hbs 构建一个页面。现在，需要文件 dest/src 以便 Assemble 知道将文件写入何处，但我认为我们会将其添加到选项或页面对象中，以便它可以在没有文件对象的情况下运行。