gulpfile.js

var gulp = require('gulp');
var usemin = require('gulp-usemin');
var uglify = require('gulp-uglify');
var minifyHtml = require('gulp-minify-html');
var minifyCss = require('gulp-minify-css');
var compass = require('gulp-compass');
var inject = require('gulp-inject');
var imagemin = require('gulp-imagemin');
var jshint = require('gulp-jshint');
var rev = require('gulp-rev');

var webserver = require('gulp-webserver');
var server = require('gulp-express');

// Constants
var SERVER_PORT = 31415;
var htmlPaths = ['./src/app/**/*.html','src/common/**/*.html'];
var sassPaths = ['./src/app/assets/styles/**/*.scss'];
var jsPaths = ['./src/app/**/*.js', 'src/common/**/*.js'];
var imagePaths = ['./src/app/assets/images/**/*.*'];
var fontPaths = ['./src/app/assets/fonts/**/*.*'];
var dataPath = './data/**/*.json';
var outputBaseDirectory = "./build/";

var dataBuildDirectory = outputBaseDirectory+'data/';
var vendorPath = 'src/vendor/**/*.js';

gulp.task('webserver', function() {
  gulp.src('./build')
    .pipe(webserver({
      livereload: true,
      directoryListing: false,
      open: true,
      port:SERVER_PORT
    }));
});


 
gulp.task('server', function () {
    // Start the server at the beginning of the task 
    server.run(['server.js']);
 
    // Restart the server when file changes 
    // gulp.watch(['app/**/*.html'], server.notify);
    // gulp.watch(['app/styles/**/*.scss'], ['styles:scss']);
    //gulp.watch(['{.tmp,app}/styles/**/*.css'], ['styles:css', server.notify]); 
    //Event object won't pass down to gulp.watch's callback if there's more than one of them. 
    //So the correct way to use server.notify is as following: 
    // gulp.watch(['{.tmp,app}/styles/**/*.css'], function(event){
    //     gulp.run('styles:css');
    //     server.notify(event);
    //     //pipe support is added for server.notify since v0.1.5, 
    //     //see https://github.com/gimm/gulp-express#servernotifyevent 
    // });
 
    // gulp.watch(['app/scripts/**/*.js'], ['jshint']);
    // gulp.watch(['app/images/**/*'], server.notify);
    // gulp.watch(['app.js', 'routes/**/*.js'], [server.run]);
});

gulp.task('compass', function () {
    return gulp.src(sassPaths)
        .pipe(compass({
            css: 'build/min/styles',
            sass: 'src/app/assets/styles',
            image: 'src/app/assets/images'
        }))
        .on('error', function(err) {
            console.log(err.message);
        })
        .pipe(gulp.dest(outputBaseDirectory+'min/css'))
});

gulp.task('lint', function() {
    return gulp.src(jsPaths)
        .pipe(jshint())
        .pipe(jshint.reporter('jshint-stylish'))
        .pipe(jshint.reporter('fail'))
        .pipe(gulp.dest(outputBaseDirectory))
});

gulp.task('images', function() {
    return gulp.src(imagePaths)
        .pipe(imagemin(imagePaths))
        .pipe(gulp.dest(outputBaseDirectory+'assets/images'));
});

gulp.task('compile', ['images', 'compass', 'lint'], function() {
    gulp.src(htmlPaths)
        .pipe(gulp.dest(outputBaseDirectory));

    gulp.src(vendorPath)
        .pipe(gulp.dest(outputBaseDirectory+'vendor/'));

    gulp.src(dataPath)
        .pipe(gulp.dest(dataBuildDirectory));

    gulp.src(fontPaths)
        .pipe(gulp.dest(outputBaseDirectory+'assets/fonts/'));

});

// Serve tasks
gulp.task('reload:html', function () {
    console.log("Reloading html");
    return gulp.src(htmlPaths)
        .pipe(gulp.dest(outputBaseDirectory))
})

gulp.task('reload:json', function () {
    console.log("Reloading json");
    return gulp.src(dataPath)
        .pipe(gulp.dest(dataBuildDirectory))
})

gulp.task('watch', function () {
    gulp.watch(sassPaths, ['compass']);
    gulp.watch(jsPaths, ['lint']);
    gulp.watch(htmlPaths, ['reload:html']);
    gulp.watch(dataPath, ['reload:json']);
});

gulp.task('default', ['server','watch']);