gulpfile.js

var gulp = require('gulp');
var del = require('del');
var gulpNodemon = require('gulp-nodemon');

var appFile = './server.js';
var app = require(appFile);
var appPort = app.get('port');

var browserSync = require('browser-sync');
var reload = browserSync.reload;
var browserSyncPort = 8001;

var nodemon;


//Clean
gulp.task('clean:styles', function() {
    del(['dist/styles/**/*']);
});
gulp.task('clean:scripts', function() {
    del(['dist/scripts/**/*']);
});
gulp.task('clean:images', function() {
    del(['dist/images/**/*']);
});
gulp.task('clean', ['clean:styles', 'clean:scripts', 'clean:images']);


//Build
gulp.task('build:styles', ['clean:styles'], function() {
    return gulp.src('src/styles/**/*.css')
    .pipe(gulp.dest('dist/styles/'))
    .pipe(reload({stream:true}));
});
gulp.task('build:scripts', ['clean:scripts'], function() {
    return gulp.src('src/scripts/**/*.js')
    .pipe(gulp.dest('dist/scripts/'))
    .pipe(reload({stream:true}));
});
gulp.task('build:images', ['clean:images'], function() {
    return gulp.src('src/images/**/*')
    .pipe(gulp.dest('dist/images/'))
    .pipe(reload({stream:true}));
});
gulp.task('build', ['build:styles', 'build:scripts', 'build:images']);


//Serve
gulp.task('watch', function() {
    gulp.watch('src/styles/**/*', ['build:styles']);
    gulp.watch('src/scripts/**/*', ['build:scripts']);
    gulp.watch('src/images/**/*', ['build:images']);
    gulp.watch('views/**/*', ['bs-reload']);
    gulp.watch(['routes/**/*', appFile], ['restart-server']);
});
gulp.task('serve', ['build', 'watch'], function() {
    nodemon = gulpNodemon({ script: appFile, ext: 'null' });
});
gulp.task('browser-sync', ['serve'], function() {
    browserSync({
        proxy: "http://localhost:" + appPort,
        port: browserSyncPort
    });
});


//Restart server
gulp.task('restart-server', function() {
    if (nodemon) {
        nodemon.emit('restart');
        setTimeout(function() {gulp.start('bs-reload');}, 1000);
    } else gulp.start('serve');
});
//Reload all browsers
gulp.task('bs-reload', function() {
    reload();
});


gulp.task('default', ['browser-sync']);