express gulpfile (scss + livereload)

gulpfile.js

// gulp modules
var gulp = require('gulp'),
	sass = require('gulp-sass'),
	livereload = require('gulp-livereload');


// public folder paths
var css    = __dirname + '/public/stylesheets',
	js     = __dirname + '/public/javascripts',
	fonts  = __dirname + '/public/fonts',
	images = __dirname + '/public/images';




// -------------- development --------------
var dev = {
	scssInit  : css + '/scss/*.scss', 		// initial scss processing
	cssDest   : css, 						// css destination
	scssWatch : css + '/**/*.scss', 		// scss watch
	cssReload : css + '/*.css', 			// live-reload watch
};


// compile scss
gulp.task('scss', function(){
	gulp.src( dev.scssInit )
		.pipe( sass({errLogToConsole: true}) )
		.pipe( gulp.dest( dev.cssDest) );
});

// watch (scss for compile, css for livereload)
gulp.task('watch', function(){
	// watch scss
	gulp.watch( dev.scssWatch, ['scss'] );

	// watch css
	livereload.listen();
	gulp.watch( dev.cssReload ).on('change', livereload.changed);
});


// start express
gulp.task('express', function(){
	require('./bin/www');
});



gulp.task('dev', ['scss', 'express', 'watch'] );

modules required

required packages:
gulp (global)

// css
gulp-sass
gulp-autoprefixer
gulp-minify-css
gulp-rename

// scripts
gulp-concat
gulp-uglify

// jade
gulp-jade

// live reload
gulp-livereload
tiny-lr (necessary?)


-----------------------
RESOURCES:
http://www.youtube.com/playlist?list=PLRk95HPmOM6PN-G1xyKj9q6ap_dc9Yckm
http://rhumaric.com/2014/01/livereload-magic-gulp-style/

livereload from gulp, not connect:
http://www.kycosoftware.com/blog/article/simple-and-awesome-gulp-setup