静态HTML编译如何使用Grunt.js的partials ?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (40)

一直在寻找能让我使用Grunt预编译静态网站的东西。它需要有部分内容,所以我可以在页面中包含常见的页眉/页脚等内容。

到目前为止,我只找到了Jade,它有一个grunt插件,而 Grunt插件将Dust.js模板编译为静态HTML。我不太喜欢Jade的语法,而Grunt的Dust插件不太理想。

有没有任何静态HTML模板语言Grunt / Gulp支持,不会偏离常规HTML太多,并仍然活跃?

提问于
用户回答回答于

我发现这个名为grunt-includes的插件。这是我见过的第一个似乎很容易使用的程序。所有其他人似乎可能有这个功能,但做了20倍的其他事情,所以他们似乎是这个工作的错误工具。

对我而言,缺少的一件事是为相对路径加上前缀的能力。

有一个咕噜包括替换几乎一样简单,可以前缀相对路径。IE:它可以让你传入变量。

用户回答回答于

从官方网站可以看到如何使用部分; 例如:

assemble: {
  options: {
    assets: 'assets',
    partials: ['docs/includes/**/*.hbs'],
    data: ['docs/data/**/*.{json,yml}']
  },
  pages: {
    src: ['docs/*.hbs'],
    dest: './'
  }
}

然后基本上可以运行如下的东西:

grunt assemble

或者对于更细粒度的控制,可以执行汇编目标的任务,如:

grunt assemble:your_target

它对我来说很好。这确实需要一点学习曲线,并且随着他们继续工作,文档可能会有所改进。

扫码关注云+社区

领取腾讯云代金券