async streams

serial join streamqueue

stream array

gulp.src

gulp.src

less

autoprexier

less

gulp.src

gulp.dest

gulp.dest

autoprefixer

cssimport

concat

gulp.src

gulp.src

.src gulp

var gulp = require('gulp'); var streamqueue = require('streamqueue');

gulp .src

consolidate

te olida cons

cons olida te

rename

e

m rena

rena m

e

gulp.dest

t

.des gulp

gulp .d

est

var less = require('gulp-less'); var cssimport = require('gulp-cssimport');

merge

minify-css

es.concat

var autoprefier = require('gulp-autoprefixer'); gulp.task('css', function(){ return streamqueue({ objectMode: true },

var gulp = require('gulp'); var merge = require('merge-stream');

gulp.dest

gulp.src('./css/src/first.less') .pipe(less()),

var less = require('gulp-less');

gulp.src('./css/src/second.css')

var autoprefixer = require('gulp-remember');

gulp.task('page', function(){

var gulp = require('gulp');

var tasks = data.map(function(entry){

var es = require('event-stream');

return gulp.src('./templates/a.js')

var consolidate = require('gulp-consolidate');

.pipe(consolidate({

var rename = require('gulp-rename');

title: entry.title,

.pipe(cssimport()) .pipe(autoprefixer('last 2 versions')))

gulp.task('css', function(){

.pipe(concat('app.css'))

return merge(

.pipe(minifyCss())

gulp.src('./css/src/first.less')

.pipe(gulp.dest('./css/'))

.pipe(less()) .pipe(gulp.dest('./css/')), gulp.src('./css/src/second.css') .pipe(autoprefixer()) .pipe(gulp.dest('./css/')) );

attrs: entry.attrs })) .pipe(rename({ basename: entry.name, extname: '.html' })) .pipe(gulp.dest('./html/')); }); return es.concat.apply(null, tasks); });

});

gulp.js

});

data = [ { name: 'apple', title: 'Apple Cake', attrs: some_data }, { name: 'orange', title: 'Orange Cookie', attrs: some_data } ];

cheatsheet

The streaming waterworks

this sheet is made in