用数据编译 gulp-jade

Question

我想使用 gulp 将文件中的数据（最终我将动态生成数据，或按照these instructions 使用数据文件）渲染到玉中。这就是我所拥有的，但我知道我犯了一个愚蠢的错误（我还不是玉专家），因为我在编译的 html 中遇到运行时错误或undefined。欢迎指教

config.js

module.exports = {
  rotm: [
    {title: "title 1", comment: "comment 1"},
    {title: "title 2", comment: "comment 1"},
    {title: "title 3", comment: "comment 1"},
    {title: "title 4", comment: "comment 1"}
  ]
};

gulp.coffee

config      = require "./config.js"
gulp.task 'jade', ->
  gulp.src paths.jade
  .pipe run.changed "./", extension : ".jade"
  .pipe run.plumber()
  .pipe run.jade pretty : true, data : config
  .pipe run.rename extname : ".hbs"
  .pipe gulp.dest ""
  .pipe reload stream : true, once : true

home.jade

  each r in rotm
    h1 {{r.title}}
    p.comment {r.comment}

结果

<h1>{r.title}</h1>
<p class="comment">{r.comment}</p>
<h1>{r.title}</h1>
<p class="comment">{r.comment}</p>
<h1>{r.title}</h1>
<p class="comment">{r.comment}</p>
<h1>{r.title}</h1>

Answer 1

感谢@heikki，我现在有了

  each r in rotm
    h1 #{r.title}
    p.comment #{r.comment}