basic_gulp

gulpfile.js

var gulp = require('gulp'),
	sass = require('gulp-sass'),
	coffee = require('gulp-coffee'),
	jade = require('gulp-jade'),
	sourcemaps = require('gulp-sourcemaps'),
	minifyHTML = require('gulp-minify-html'),
	minifyCss = require('gulp-minify-css'),
	concat = require('gulp-concat'),
	uglyfly = require('gulp-uglyfly'),
	gutil = require('gulp-util'),
	paths = {
		sass: "./src/sass/**/*.scss",
		css: "./dist/styles",
		coffee: "./src/coffee/**/*.coffee",
		js: "./dist/js",
		jade: "./src/jade/**/*.jade"
	};
// pre-processors tasks
gulp.task('styles', function() {
	gulp.src(paths.sass)
	.pipe(sass().on('error', sass.logError))
	.pipe(sourcemaps.init())
    .pipe(minifyCss())
    .pipe(sourcemaps.write())
    .pipe(concat('main.css'))
    .pipe(gulp.dest(paths.css));
});
gulp.task('js', function() {
	gulp.src(paths.coffee)
	.pipe(coffee({bare: true}).on('error', gutil.log))
	.pipe(gulp.dest(paths.js));
});
gulp.task('html', function() { 
  gulp.src(paths.jade)
  .pipe(jade())
  .pipe(gulp.dest('./'))
});
//listeners
gulp.task('watch', function(){
  gulp.watch(paths.sass, ['styles'])
  gulp.watch(paths.coffee, ['js'])
  gulp.watch(paths.jade, ['html']);
});
//minifiers task
gulp.task('minify-html', function() {
  var opts = {
    conditionals: true,
    spare:true
  };
return gulp.src('*.html')
    .pipe(minifyHTML(opts))
    .pipe(gulp.dest('./'));
});
gulp.task('compress', function() {
  gulp.src('./dist/js/*.js')
    .pipe(uglyfly())
    .pipe(gulp.dest(paths.js));
});