gulpfile.js

// Include gulp
var gulp = require('gulp');

// Plugins for gulp
var browserify = require('browserify');
var concat = require('gulp-concat');
var del = require('del');
var jshint = require('gulp-jshint');
var sass = require('gulp-sass');
var source = require('vinyl-source-stream');
var sourcemaps = require('gulp-sourcemaps');
var uglify = require('gulp-uglify');
var utilities = require('gulp-util');
// Second set of parantheses causes this to run right away, grabs all bower dependencies (including bootstrap)
var browserSync = require('browser-sync').create();
var lib = require('bower-files')({
  "overrides":{
    "bootstrap" : {
      "main": [
        "less/bootstrap.less",
        "dist/css/bootstrap.css",
        "dist/js/bootstrap.js"
      ]
    }
  }
});

// Set build env from command line
var buildProduction = utilities.env.production;

// start server
gulp.task('serve', ['buildStart'], function(){
  gulp.start('jshint');
  browserSync.init({
    server: {
      baseDir: "./",
      index: "index.html"
    }
  });
  gulp.watch('./js/*.js', ['jsBrowserify', 'jshint', 'reload']);
  gulp.watch('./*.html', ['reload']);
  gulp.watch('./scss/*.scss', ['cssBuild', 'reload']);
  gulp.start('removeTmp');
});
/// end of serve task

// Reloads the browser window
gulp.task('reload', function() {
  browserSync.reload();
});

// initial clean files
gulp.task('initialClean', function(){
  return del(['build', 'tmp']);
});

// removed tmp file
gulp.task('removeTmp', function(){
  return del(['tmp']);
});

// catch all to build everything
gulp.task('buildStart', ['initialClean'], function() {
  gulp.start('buildAll');
});

gulp.task('buildAll', ['cssBuild', 'bowerBuild', 'jsBrowserify']);

// builds css files
gulp.task('cssBuild', function() {
  return gulp.src('scss/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./build/css'));
});

// will run JS and CSS for bower concurrently
gulp.task('bowerBuild', ['bowerJS', 'bowerCSS']);

// front end dependencies js gulp
gulp.task('bowerJS', function () {
  return gulp.src(lib.ext('js').files)
    .pipe(concat('vendor.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./build/js'));
});

// front end dependencies css
gulp.task('bowerCSS', function () {
  return gulp.src(lib.ext('css').files)
    .pipe(concat('vendor.css'))
    .pipe(gulp.dest('./build/css'));
});

// Takes concatenated JS and browserify's it
// using a second arguement with gulp.task, we are passing in an array of task dependencies -> tasks to run first for this task to work
gulp.task('jsBrowserify' , ['concat'] , function() {
  return browserify({ entries: ['./tmp/allConcat.js']})
  .bundle()
  .pipe(source('app.js'))
  .pipe(gulp.dest('./build/js'));
});

// concat all js files, puts in tmp
gulp.task('concat', function() {
  return gulp.src(['./js/*.js'])
  .pipe(concat('allConcat.js'))
  .pipe(gulp.dest('./tmp'));
});

// linter
gulp.task('jshint', function(){
  return gulp.src(['js/*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('default'));
});