gulpfile.js

'use strtict'
var gulp = require('gulp')
var browserSync = require('browser-sync').create()
var reload = browserSync.reload
var concat = require('gulp-concat')
var minify = require('gulp-minify')
var cleanCss = require('gulp-clean-css')
var rename = require('gulp-rename')
var htmlmin = require('gulp-htmlmin')
var del = require('del')
var uncss = require('gulp-uncss')
var uglify = require('gulp-uglify')
var pump = require('pump')

// Default Gulp task to run including all necessary dependencies
gulp.task('default', ['browser-sync', 'build'], function () {
  gulp.watch(['source/**/*.html', 'source/js/*.js',
    'source/css/*.css'
  ], ['build'])
  gulp.watch(['public/**/*.html', 'public/js/*.js',
    'public/css/*.css'
  ], reload)
})

gulp.task('browser-sync', function () {
  browserSync.init({
    server: './public'
  })
})


// Build task to initiate minify tasks for CSS and JS
gulp.task('build', ['minify-html', 'pack-minify-js', 'pack-minify-css', 'pack-minify-sponsor-css', 'gulp-uncss',
  'copy-sponsor', 'copy-img', 'copy-css'
])

// Task to minify HTML
gulp.task('minify-html', function () {
  return gulp.src('source/*.html')
    .pipe(htmlmin({ collapseWhitespace: true }))
    .pipe(gulp.dest('public/'))
})

// Task to uglify JS
gulp.task('pack-minify-js', function (cb) {
  pump([
    gulp.src(['source/js/*.js', '!source/js/*.min.js'])
      .pipe(minify({
        ext: {
          min: '.min.js'
        },
        noSource: true
      })),
    uglify(),
    gulp.dest('./public/js')
  ],
    cb
  )
})

// Task to minify CSS
gulp.task('pack-minify-css', function () {
  return gulp.src(['source/css/*.css', '!source/css/*.min.css'])
    .pipe(concat('main.css'))
    .pipe(cleanCss())
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest('public/css'))
})

// Task to minify sponsor CSS
gulp.task('pack-minify-sponsor-css', function () {
  return gulp.src(['source/css/*.css', '!source/css/*.min.css'])
    .pipe(concat('sponsor.css'))
    .pipe(cleanCss())
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest('public/css'))
})

// Task to minify campus CSS
// gulp.task('pack-minify-campus-css', function () {
//   return gulp.src(['source/css/campus.css', '!source/css/*.min.css'])
//     .pipe(concat('sponsor.css'))
//     .pipe(cleanCss())
//     .pipe(rename({
//       suffix: '.min'
//     }))
//     .pipe(gulp.dest('public/css'))
// })

// Task to remove unused css
gulp.task('gulp-uncss', function () {
  return gulp.src('./css/bootstrap-custom.css')
    .pipe(uncss({
      html: ['index.html'],
      ignore: [/\modal/]
    }))
    .pipe(gulp.dest('public/css'))
})

// // Task to copy assets
gulp.task('copy-sponsor', function () {
  return gulp.src('source/**/*.html')
    .pipe(gulp.dest('public/'))
})

// // Task to copy assets
gulp.task('copy-img', function () {
  return gulp.src('source/assets/img/*')
    .pipe(gulp.dest('public/assets/img'))
})

gulp.task('copy-css', function () {
  return gulp.src('source/css/*.min.css')
    .pipe(gulp.dest('public/css'))
})

// Task to delete target assets folder for recreation
gulp.task('clean', function () {
  return del(['public/**', '!public'])
})