gulp.task('first', function() {
   // first task
});

gulp.task('second', ['first'], function() {
   // this occurs after 'first' finishes
});

var gulp = require('gulp');

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

gulp.task('default', function() {
  gulp.run('compass');

    gulp.watch([
        './sass/**',
        './img/**'
        ], function(event) {
        gulp.run('compass');
    });
});

gulp.task('compass', function() {
  gulp.src('./sass/*.scss')
    .pipe(compass({
        comments: false,
        css: 'css', // css folder
        sass: 'sass', // scss folder
        image: 'img' // image folder
    }));
});

gulp
# or
gulp compass

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

gulp.task('lint', function() {
    return gulp.src('./*.js') // js file
    .pipe(jshint())
    .pipe(jshint.reporter('jshint-stylish'));
    // .pipe(jshint.reporter('default'))
});

gulp lint

var minifyHTML = require('gulp-minify-html');

gulp.task('minify-html', function() {
    var opts = {comments:true,spare:true};

    gulp.src('./*.html') // html file
    .pipe(minifyHTML(opts))
    .pipe(gulp.dest('./dist/')); // result minify html
});

gulp minify-html

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

gulp.task('minify-css', function() {
    gulp.src('./css/*.css') // css files
    .pipe(minifyCSS({keepBreaks:true}))
    .pipe(gulp.dest('./dist/')); // result minify css
});

gulp minify-css

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

gulp.task('uglify', function() {
    gulp.src('./*.js')
    .pipe(uglify())
    .pipe(gulp.dest('dist'));
});

gulp compress