Gulpfile.js

var gulp = require('gulp')
var source = require('vinyl-source-stream')
var browserify = require('browserify')
var uglify = require('gulp-uglify')
var connect = require('gulp-connect')
var rename = require('gulp-rename')
var sass = require('gulp-sass')
var ghPages = require('gulp-gh-pages')
var jsonminify = require('gulp-jsonminify')

gulp.task('connect', function () {
  connect.server({
    root: 'build',
    port: process.env.port || 8000,
    livereload: true
  })
})

gulp.task('browserify', function () {
  return browserify('js/index.js')
    .transform('babelify')
    .bundle()
    .on('error', function (err) {
      console.error(err)
      this.emit('end')
    })
    .pipe(source('js/app.js'))
    .pipe(rename('app.js'))
    .pipe(gulp.dest('build'))
})

gulp.task('sass', function () {
  return gulp.src('./css/app.scss')
    .pipe(sass({
      outputStyle: 'compressed',
      includePaths: [ './node_modules/basscss-sass' ]
    }))
    .on('error', sass.logError)
    .pipe(rename('app.css'))
    .pipe(gulp.dest('build'))
})

gulp.task('html', function () {
  return gulp.src('./html/index.html', { base: './html' })
    .pipe(gulp.dest('build'))
})

gulp.task('minify-json', function () {
  return gulp.src('./html/*.json', { base: './html' })
    .pipe(jsonminify())
    .pipe(gulp.dest('build'))
})

gulp.task('reload', function () {
  return gulp.src('./build/**/*')
    .pipe(connect.reload())
})

gulp.task('uglify', ['browserify'], function () {
  return gulp.src('build/app.js')
    .pipe(uglify())
    .pipe(rename('app.js'))
    .pipe(gulp.dest('build'))
})

gulp.task('deploy', ['build', 'uglify'], function () {
  return gulp.src('./build/**')
    .pipe(ghPages())
})

gulp.task('watch', function () {
  gulp.watch(['js/**/*.js', 'js/**/*.jsx'], function () {
    gulp.start('browserify')
  })
  gulp.watch(['css/**/*.scss'], function () {
    gulp.start('sass')
  })
  gulp.watch([ 'html/**/*.html' ], function () {
    gulp.start('html')
  })
  gulp.watch([ 'html/**/*.json' ], function () {
    gulp.start('minify-json')
  })
  gulp.watch([ 'build/**' ], ['reload'])
})

gulp.task('build', ['browserify', 'sass', 'html', 'minify-json'])
gulp.task('dev', ['build', 'connect', 'watch'])
gulp.task('default', ['serve'])