Gulp recipe: Jade, Sass, Livereload and static server

.gitignore

node_modules
dist/

gulpfile.js

var gulp        = require('gulp'),
    gutil       = require('gulp-util'),
    sass        = require('gulp-sass'),
    csso        = require('gulp-csso'),
    uglify      = require('gulp-uglify'),
    jade        = require('gulp-jade'),
    concat      = require('gulp-concat'),
    livereload  = require('gulp-livereload'), // Livereload plugin needed: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
    tinylr      = require('tiny-lr'),
    express     = require('express'),
    app         = express(),
    marked      = require('marked'), // For :markdown filter in jade
    path        = require('path'),
    server      = tinylr();

var srcDir = './src/';
var assetDir = path.join(srcDir, 'assets/');

var distDir = './dist/';

function assetPath (subpath) {
  if (!subpath) return srcDir;
  return path.join(assetDir, subpath);
}

function distPath (subpath) {
  if (!subpath) return distDir;
  return path.join(distDir, subpath);
}

// --- Basic Tasks ---
gulp.task('css', function() {
  return gulp.src(assetPath('stylesheets/*.scss'))
    .pipe( 
      sass( { 
        includePaths: [assetPath('stylesheets')],
        errLogToConsole: true
      } ) )
    .pipe( csso() )
    .pipe( gulp.dest(distPath('assets/stylesheets/')) )
    .pipe( livereload( server ));
});

gulp.task('js', function() {
  return gulp.src(assetPath('scripts/*.js'))
    .pipe( uglify() )
    .pipe( concat('all.min.js'))
    .pipe( gulp.dest(distPath('assets/scripts/')))
    .pipe( livereload( server ));
});

gulp.task('templates', function() {
  return gulp.src(path.join(srcDir, '*.jade'))
    .pipe(jade({
      pretty: true
    }))
    .pipe(gulp.dest(distPath()))
    .pipe( livereload( server ));
});

gulp.task('express', function() {
  app.use(express.static(path.resolve(distPath())));
  app.listen(1337);
  gutil.log('Listening on port: 1337');
});

gulp.task('watch', function () {
  server.listen(35729, function (err) {
    if (err) {
      return console.log(err);
    }

    gulp.watch(assetPath('stylesheets/*.scss'),['css']);

    gulp.watch(assetPath('js/*.js'),['js']);

    gulp.watch(path.join(srcDir, '*.jade'), ['templates']);
    
  });
});

// Default Task
gulp.task('default', ['js','css','templates','express','watch']);

package.json

{
  "name": "gulp",
  "version": "0.0.1",
  "description": "Gulp Recipe - Jade, Sass, Livereload and static server",
  "author": "Chris Kjaer",
  "devDependencies": {
    "gulp-concat": "*",
    "gulp-util": "*",
    "gulp": "*",
    "gulp-uglify": "*",
    "gulp-csso": "*",
    "gulp-sass": "*",
    "gulp-jade": "*",
    "gulp-livereload": "*",
    "tiny-lr": "*",
    "express": "*",
    "marked": "*"
  }
}