single dest & watch gulp.src

multi dest

var gulp = require('gulp');

var gulp = require('gulp');

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

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

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

var minifyCss = require('gulp-minify-css');

incremental rebuilding var gulp = require('gulp');

gulp.src

gulp.src

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

uglify

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

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

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

return gulp.src('./js/src/*.coffee')

coffee

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

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

.pipe(coffee())

autoprefixer

return gulp.src('./css/src/style.css')

.pipe(uglify())

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

.pipe(gulp.dest('./js/'));

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

cached

gulp.task('script', function(){ return gulp.src('./js/src/*.js') .pipe(cached())

gulp.dest

uglify

});

.pipe(minifyCss())

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

.pipe(rename({extname: '.min.css'}))

.pipe(remember())

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

.pipe(concat('app.js'))

gulp.watch('./js/src/*.coffee', ['js']); });

.pipe(uglify())

});

.pipe(gulp.dest('./js/'));

gulp.dest

minify-css

remember

rename

concat

gulp.dest

gulp.dest

});

gulp.task('css', ['font', 'less'], function(){

task dependency

// do something after font and less });

$ npm install -g gulp

install global

$ npm install --save-dev gulp install local $ npm install --save-dev gulp-other-plugins

run task

$ gulp task_name

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

gulp.src

changed

uglify

gulp.dest

var uglify = require('gulp-uglify'); gulp.task('css', function(){ return gulp.src('./src/*.js')

$ gulp task_name other_task

run multi tasks

.pipe(changed('./dist/')) .pipe(uglify())

gulp.js cheatsheet

The streaming waterworks

only changed

.pipe(gulp.dest('./dist/')); });

this sheet is made in