gulpfile.js

var gulp        = require('gulp'),
    gutil       = require('gulp-util'),
    sass        = require('gulp-sass'),
    //csso        = require('gulp-csso'),
    //uglify      = require('gulp-uglify'),
    jade        = require('gulp-jade'),
    concat      = require('gulp-concat'),
    livereload  = require('gulp-livereload'), // Livereload plugin needed: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
    tinylr      = require('tiny-lr'),
    express     = require('express'),
    app         = express(),
    marked      = require('marked'), // For :markdown filter in jade
    path        = require('path'),
    server      = tinylr(),
    sourcemaps  = require('gulp-sourcemaps');

var browserify = require('gulp-browserify');
var babelify = require('babelify');
var babelPresetEs2015 = require('babel-preset-es2015');
var flatten = require('gulp-flatten');

var NODE_MODULES_PATH = './node_modules';
var FOUNDATION_PATH = NODE_MODULES_PATH + '/foundation-sites';
var FOUNDATION_JS_PATH = FOUNDATION_PATH + '/js';
var MOTION_UI_PATH = NODE_MODULES_PATH + '/motion-ui/src';

gulp.task('css', function() {
    return gulp.src('sources/assets/stylesheets/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass({
            includePaths: ['sources/assets/stylesheets', 'node_modules/foundation-sites/scss', MOTION_UI_PATH],
            errLogToConsole: true
        }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/assets/stylesheets/'))
        .pipe(livereload(server));
});

gulp.task('js', function() {
    return gulp.src('sources/assets/scripts/*.js')
        .pipe(sourcemaps.init())
        .pipe(browserify({
            debug: true,
            paths: [ NODE_MODULES_PATH, FOUNDATION_JS_PATH ],
            insertGlobals: true,
            ignore: ['jquery'],
            transform: [
                babelify.configure({
                    sourceMaps: true,
                    presets: [babelPresetEs2015]
                })
            ],
            extensions: ['.js']
        }))
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/assets/scripts/'))
        .pipe(livereload(server));
});

gulp.task('images', function() {
    return gulp.src('sources/assets/images/*')
        .pipe(flatten())
        .pipe(gulp.dest('dist/assets/images/'));
});

gulp.task('templates', function() {
    return gulp.src('sources/*.jade')
        .pipe(jade({
            pretty: true
        }))
        .pipe(gulp.dest('dist/'))
        .pipe(livereload(server));
});

gulp.task('express', function() {
    app.use(express.static(path.resolve('./dist')));
    app.listen(1337);
    gutil.log('Listening on port: 1337');
});

gulp.task('watch', function () {
    server.listen(35729, function (err) {
        if (err) {
            return console.log(err);
        }
        gulp.watch(['sources/assets/stylesheets/*.scss', 'sources/assets/stylesheets/partials/*.scss'], {follow:true}, ['css']);
        gulp.watch('sources/assets/scripts/**/*.js', {follow:true}, ['js']);
        gulp.watch(['sources/*.jade', 'sources/partials/*.jade', 'sources/layouts/*.jade'], {follow:true}, ['templates']);
    });
});

gulp.task('default', ['images', 'js','css','templates','express','watch']);