Gulp File

gulpfile.js

// Include Gulp and plugins
var gulp = require('gulp'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    minifycss = require('gulp-minify-css'),
    jshint = require('gulp-jshint'),
    uglify = require('gulp-uglify'),
    imagemin = require('gulp-imagemin'),
    rename = require('gulp-rename'),
    clean = require('gulp-rimraf'),
    concat = require('gulp-concat'),
    notify = require('gulp-notify'),
    cache = require('gulp-cache'),
    livereload = require('gulp-livereload');

// Compile Sass
gulp.task('styles', function() {
	return gulp.src('src/css/*.scss')
	.pipe(sass({ style: 'expanded', }))
	.pipe(autoprefixer('last 2 versions', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
	.pipe(gulp.dest('assets/css'))
	.pipe(rename({ suffix: '.min' }))
	.pipe(minifycss())
	.pipe(gulp.dest('assets/css'))
	.pipe(notify({ message: 'Styles task complete' }));
});

// JS Linting, concatenation and minification
gulp.task('scripts', function() {
	return gulp.src('src/scripts/**/*.js')
	.pipe(jshint())
	.pipe(jshint.reporter('default'))
	.pipe(concat('main.js'))
	.pipe(gulp.dest('assets/scripts'))
	.pipe(rename({ suffix: '.min' }))
	.pipe(uglify())
	.pipe(gulp.dest('assets/scripts'))
	.pipe(notify({ message: 'Scripts task complete' }));
});

// Images
gulp.task('images', function() {
	return gulp.src('src/img/**/*')
	.pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
	.pipe(gulp.dest('assets/img'))
	.pipe(notify({ message: 'Images task complete' }));
});

// File and folder cleanup
gulp.task('clean', function() {
	return gulp.src(['assets/css', 'assets/scripts', 'assets/img'], {read: false})
	.pipe(clean());
});

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

// Watch files
gulp.task('watch', function() {
	gulp.watch('src/css/**/*.scss', ['styles']);
	gulp.watch('src/scripts/**/*.js', ['scripts']);
	gulp.watch('src/img/**/*', ['images']);
	
	// Create LiveReload server and watch
	var server = livereload();
	gulp.watch(['assets/**']).on('change', function(file) {
		server.changed(file.path);
	});

});