2015-02-17 2 views
1

Я хочу визуализировать данные из файла (в конечном итоге я буду генерировать данные динамически или следовать 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> 
+0

'data: config.rotm' ->' data: config'? – Heikki

+0

Это правильно? Я никогда не использовал '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'. –

+0

@Heikki: обновил вопрос на ваш вход, который дал мне некоторый результат - показано. –

ответ

0

Благодаря @heikki у меня есть

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