gulpfile.js

//gulp &  plugins
var gulp = require('gulp');

var jshint = require('gulp-jshint');
var less = require('gulp-less');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var browserify = require('gulp-browserify');
var nodemon = require('gulp-nodemon');
var gutil = require('gulp-util');
var watch = require('gulp-watch');
var livereload = require('gulp-livereload');

var connect = require('connect');
var http = require('http');
var open = require('open');
var path = require('path');

/**
 * Tasks:
 *
 *  build (default):
 *    builds the client into ./dist
 *
 *  develop:
 *    builds client, and runs auto reloading dev server
 *
 *  lint:
 *    lint all javascript sourcefiles
 *
 *  test:
 *    run mocha tests in ./test/
 *
 *  debug:
 *    like develop but also runs tests and linting
 */
 
gulp.task('default', ['build']);
gulp.task('build', ['css', 'less', 'bad-scripts', 'scripts', 'resources', 'html']);
gulp.task('develop', ['build', 'serve', 'livereload']);
 
 
/**
 * path globs / expressions for targets below
 */
 
var paths = {
	main	 : 'js/client.js',
	sources  : 'js/**/*.js',
	badScripts: ['vendor/bluebird.js'],
	resources: 'resources/**',
	css      : 'less/**/*.css',
	less     : 'less/style.less',
	jade     : 'client/**/*.jade',
	html	 : ['index.html'],
	build    : './build/'
};
 
 
//clean build directory
gulp.task('clean', function(){
	return gulp.src(paths.client.build, {read: false} )
	.pipe(clean());
});

gulp.task('resources', function() {
	return gulp.src(paths.resources)
	.pipe(gulp.dest(paths.build));
});
 
// lint all of our js source files
gulp.task('lint', function (){
  return gulp.src(paths.sources)
    .pipe(jshint())
    .pipe(jshint.reporter('default'));
});

var startServer = function(cb) {
	var devApp, devServer, devAddress, devHost, url, log=gutil.log, colors=gutil.colors;
	devApp = connect();
	devApp.use(connect.logger('dev'));
	devApp.use(connect.static(paths.build));
	devServer = http.createServer(devApp).listen(8000);
	devServer.on('error', function(error) {
		log(colors.underline(colors.red('ERROR'))+' Unable to start server!');
		cb(error);
	});

	devServer.on('listening', function() {
		devAddress = devServer.address();
		devHost = devAddress.address === '0.0.0.0' ? 'localhost' : devAddress.address;
		url = 'http://' + devHost + ':' + devAddress.port + '/index.html';

		log('');
		log('Started dev server at '+colors.magenta(url));
		open(url);
		cb();
	});
};

gulp.task('serve', ['build'], function(cb) {
	startServer(cb);
});

gulp.task('livereload', function() {
	// watch all our dirs and reload if any build stuff changes
	//
	gulp.watch(paths.sources, ['scripts']);
	gulp.watch(paths.http, ['html']);
	gulp.watch(paths.less, ['less']);
	gulp.watch(paths.resources, ['resources']);

	var server = livereload();
	return gulp.watch(path.join(paths.build, "/**/*"), function(evt) {
		server.changed(evt.path);
	});
});

gulp.task('bad-scripts', function() {
	return gulp.src(paths.badScripts)
		.pipe(concat("bad.js"))
		.pipe(gulp.dest(paths.build));
});
 
// build client side js app
gulp.task('scripts', function(){
	return gulp.src(paths.main)
		.pipe(browserify({
			debug: gulp.env.production
		}))
		.pipe(gulp.dest(paths.build))
});

gulp.task('css', function() {
	return gulp.src(paths.css).
		pipe(concat('all.css')).
		pipe(gulp.dest(paths.build));
});

gulp.task('less', function() {
	return gulp.src(paths.less).
		pipe(less({
			paths: ['./less/']
		})).
		pipe(gulp.dest(paths.build))
});

gulp.task('html', function() {
	return gulp.src(paths.html).
		pipe(gulp.dest(paths.build));
});