jade-get-data-yaml v1.0.0

Install

npm install --save-dev jade-get-data-yml

Usage

current project structure

├───dist
└───src
    ├───data
    │   └───ymlDataFile.yml
    └───example.jade

gulpfile.js

var gulp = require('gulp');
var jade = require('gulp-jade');
var getData = require('jade-get-data-yaml');

const data = {
	getData: getData('src/data'),
	jv0: 'javascript:void(0);'
};

gulp.task('templates', function () {
    gulp.src('src/**/*.jade')
        .pipe(jade({basedir: 'src', data}))
        .pipe(gulp.dest('dist'));
});

ymlDataFile.yml :

mainMenu:
    -   href: '#structure'
        name: 'Structure'
    -   href: '#dependencies'
        name: 'Dependencies'
    -   href: '#node'
        name: 'Node'

example.jade :

- var data = getData('ymlDataFile')

ul
    each item in data.mainMenu
        li: a(href=item.href)= item.name

output (example.html) :

<ul>
    <li><a href="#structure">Structure</a></li>
    <li><a href="#dependencies">Dependencies</a></li>
    <li><a href="#node">Node</a></li>
</ul>