gulpfile.js

var gulp = require('gulp'),
	less = require('gulp-less'),
	autoprefixer = require('gulp-autoprefixer'),
	minifycss = require('gulp-minify-css'),
	uglify = require('gulp-uglify'),
	imagemin = require('gulp-imagemin'),
	rename = require('gulp-rename'),
	clean = require('gulp-clean'),
	concat = require('gulp-concat'),
	notify = require('gulp-notify'),
	cache = require('gulp-cache'),
	bower = require('gulp-bower'),
	refresh = require('gulp-livereload'),
	lr = require('tiny-lr'),
	config = {
		'src': 'src',
		'dst': 'webroot'
	};

var server = lr();

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

gulp.task('styles', function(){
	return gulp.src(config.src+'/less/*.less')
		.pipe(less({ sourceMap: true }))
		.on('error', function(e) {
			console.log('error processing LESS files');
			console.log(e.message);
		})
		.pipe(autoprefixer('last 2 versions'))// 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
		.pipe(minifycss())
		.pipe(concat('main.css'))
		.pipe(gulp.dest(config.dst+'/css'))
		.pipe(refresh(server))
		.pipe(notify({ message: 'Styles task complete' }));
});

gulp.task('bower', function(){
	return bower()
		.pipe(gulp.dest(config.dst+'/components'));
});

gulp.task('scripts', function(){
	return gulp.src(config.src+'/js/**/*.js')
		.pipe(uglify({ outSourceMap: true }))
		.pipe(gulp.dest(config.dst+'/js'))
		.pipe(notify({ message: 'Script task complete' }));
});

gulp.task('images', function(){
	return gulp.src(config.src+'/img/**/*')
		.pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true})))
		.pipe(gulp.dest(config.dst+'/img'))
		.pipe(refresh(server))
		.pipe(notify({ message: 'Image task complete' }));
});

gulp.task('clean', function(){
	return gulp.src([
		config.dst+'/css',
		config.dst+'/js',
		config.dst+'/img',
	], { read: false })
		.pipe(clean());
});

gulp.task('watch', function(){
	gulp.run('livereload');
	gulp.watch(config.src+'/less/**/*.less', ['styles']);
	gulp.watch(config.src+'/js/**/*.js', ['scripts']);
	gulp.watch(config.src+'/img/**/*', ['images']);
	gulp.watch(config.src+'/bower/**/*', ['bower']);
});

gulp.task('default', ['clean'], function(){
	gulp.start('styles', 'scripts', 'images');
});