用 assemble 生成页面的路径

Question

我正在为grunt-assemble grunt 任务配置苦苦挣扎，看起来像这样：

assemble: {
  options: {
    flatten: false,
    expand: true,

    assets: '',

    layout: 'default.hbs',
    layoutdir: 'templates/layouts',

    partials: ['templates/includes/*.hbs'],
    helpers: ['templates/helpers/*.js'],
    data: ['templates/data/*.{json,yml}']
  },

  dev: {
    src: 'templates/pages/**/*.hbs',
    dest: 'build/'
  }

assemble.io 的项目模板的脚手架如下所示：

templates
├── helpers
├── includes
│   ├── page-footer.hbs
│   ├── page-header.hbs
│   └── scripts.hbs
├── layouts
│   └── default.hbs
└── pages
    ├── en
    │   └── index.hbs
    ├── fr
    │   └── index.hbs
    └── index.hbs

我的愿望是得到类似的东西：

build
├── en
│   └── index.html
├── fr
│   └── index.html
└── index.html

但是我得到了类似的东西：

build
└── templates
    └── pages
        ├── en
        │   └── index.html
        ├── fr
        │   └── index.html
        └── index.html

我确实尝试了一些（实际上很多）组合（使用 flatten 和 expand 以及 cwd 选项），但我被卡住了。

使用flatten 会导致index.html 文件相互覆盖。

所以我实际上是在 .tmp 目录中进行渲染，然后将文件移动到 build 目录中。 我不喜欢那个解决方案，因为那时page.assets 仍然损坏（它的值将是../../..，对于根index.html）。

Answer 1

咕噜组装

（请注意，此信息特指 grunt-assemble 0.4.x，它是用于 assemble 的 grunt 插件，但具有完全不同的 API）

@doowb 几乎是正确的，尝试将expand: true 和ext: '.html' 添加到文件配置中：

assemble: {
  options: {
    flatten: false,
    expand: true,

    assets: '',

    layout: 'default.hbs',
    layoutdir: 'templates/layouts',

    partials: ['templates/includes/*.hbs'],
    helpers: ['templates/helpers/*.js'],
    data: ['templates/data/*.{json,yml}']
  },

  dev: {
    files: [
      {expand: true, cwd: 'templates/pages/', src: '**/*.hbs', dest: 'build/', ext: '.html'}
    ]
  }
}

也可以看看https://github.com/assemble/assemble-contrib-permalinks

组装 0.7.x

集合在 assemble 0.7.0 中是一流的，插件也是如此，因此生成相对链接、构建分页和创建自定义永久链接等事情要容易得多。

如果您使用的是 assemble 0.7.x 及更高版本，assemble-permalinks 是您想要使用的插件。

Answer 2

您是否尝试将扩展的 files 对象用于具有 cwd 属性的 grunt 目标？

assemble: {
  options: {
    flatten: false,
    expand: true,

    assets: '',

    layout: 'default.hbs',
    layoutdir: 'templates/layouts',

    partials: ['templates/includes/*.hbs'],
    helpers: ['templates/helpers/*.js'],
    data: ['templates/data/*.{json,yml}']
  },

  dev: {
    files: [
      { cwd: 'templates/pages/', src: '**/*.hbs', dest: 'build/' }
    ]
  }
}