Gulp.js The streaming build system 

Allround development intern We Work We Play Front-end developer HEISME studio Full stack developer Freelance 

Yet another task runner? 

Wat zij zeggen • Code over config • High quality standards • Fast & efficient 

Code over Config gulpfile.js 

High quality Strict standards om plugin te laten goedkeuren 

Fast & efficient Node-streams gebaseerd ❤ Slechts één keer I/O 

Grunt file handling 3 reads Concatenate 1 write 1 read Coffeescript 1 write 1 read Minify & rename 1 write 

Gulp file handling 3 reads ! ! ! 5 pipes ! ! ! 1 write 

Wat ik vind • Merkbaar sneller • Meer intuïtieve omgeving • Logischer 

In ’t echt 

Installatie • Zowel globaal: npm install -g gulp • Als op projectbasis: npm install gulp 

gulpfile.js gulp.task(); gulp.src(); gulp.dest(); gulp.watch(); 

var gulp = require('gulp'), gutil = require('gulp-util'), compass = require('gulp-compass'), rename = require('gulp-rename'); ! gulp.task('styles', function () { gulp.src('./css/scss/style.scss') .pipe(compass({ style: 'expanded', css: './css', sass: './css/scss', image: './img', javascript: './js', font: './css/fonts' })) .pipe(gulp.dest('./css')); }); ! gulp.task('default', ['styles'], function () { gulp.watch(['./css/scss/*.scss'], ['styles']); }); 

That’s about it Merci!