Я хочу визуализировать данные из файла (в конечном итоге я буду генерировать данные динамически или следовать these instructions, чтобы использовать файл данных) в нефрит, используя глоток. Это то, что у меня есть, но я знаю, что сделал глупую ошибку (я еще не специалист в нефрите), так как я когда-либо получаю ошибки времени выполнения или undefined
в скомпилированном html. Будет приветствовать советКомпиляция gulp-jade с данными
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>
'data: config.rotm' ->' data: config'? – Heikki
Это правильно? Я никогда не использовал 'gulp-jade', как вы пытаетесь, но руководство по [репозиторию] (https://github.com/phated/gulp-jade#use-with-gulp-data) говорит, что вы должны используйте [gulp-data] (https://github.com/colynb/gulp-data). Или то, что @Heikki тоже имеет смысл, поскольку вы повторяете 'rotm' внутри' home.jade', но данные представляют собой только массив, хранящийся в 'rotm', а не' rotm'. –
@Heikki: обновил вопрос на ваш вход, который дал мне некоторый результат - показано. –