gulpfile.js

// Include gulp
const gulp = require('gulp')

// Plugins
const sass = require('gulp-sass')
const autoprefixer = require('gulp-autoprefixer')
const cleanCSS = require('gulp-clean-css')
const jshint = require('gulp-jshint')
const uglify = require('gulp-uglify')
const imagemin = require('gulp-imagemin')
const svgmin = require('gulp-svgmin')
const header = require('gulp-header')
const rename = require('gulp-rename')
const concat = require('gulp-concat')
const cache = require('gulp-cache')
const runsequence = require('run-sequence')
const del = require('del')

const pkg = require('./package.json')
const banner = [
  '/**',
  ' * <%= pkg.name %> - <%= pkg.description %>',
  ' * @version v<%= pkg.version %>',
  ' * @homepage <%= pkg.homepage %>',
  ' * @copyright ' + new Date().getFullYear() + ' <%= pkg.author.name %> ',
  ' * @license <%= pkg.license %>',
  ' */',
  '\n'
].join('\n')

const files = {
  lint: [ 'gulpfile.js', 'package.json', 'assets/js/bastard.js' ],
  sass: [ 'assets/sass/**/*.scss' ],
  css: [
    'node_modules/highlightjs/styles/railscasts.css',
    'assets/css/compiled_sass.css'
  ],
  js: [
    'node_modules/bootstrap/dist/js/bootstrap.js',
    'node_modules/highlightjs/highlight.pack.js',
    'assets/vendor/js/jquery.fitvids.js',
    'assets/vendor/js/jquery.parallax-1.1.3.js',
    'assets/vendor/js/jquery.easing.1.3.js',
    'assets/js/bastard.js'
  ],
  images: [ 'image_sources/{,*/}*.jpg', 'image_sources/{,*/}*.png' ],
  svgs: [ 'image_sources/{,*/}*.svg' ],
  clean: [
    'assets/css/compiled_sass.css',
    'assets/css/bastard.css',
    'assets/css/bastard.min.css',
    'assets/js/scripts.js',
    'assets/js/scripts.min.js',
    'assets/js/concat_scripts.js'
  ]
}

// Lint Task
gulp.task('lint', function () {
  return gulp.src(files.lint).pipe(jshint()).pipe(jshint.reporter('default'))
})

// Compile Our Sass
gulp.task('compileSass', function () {
  return gulp
    .src(files.sass)
    .pipe(
      sass({ style: 'expanded', quiet: true, cacheLocation: '.sass-cache' })
    )
    .pipe(sass())
    .pipe(autoprefixer('last 1 version'))
    .pipe(rename('compiled_sass.css'))
    .pipe(gulp.dest('assets/css'))
})

// Concatenate & minify css files
gulp.task('concatMinifyCss', function () {
  return gulp
    .src(files.css)
    .pipe(concat('bastard.css'))
    .pipe(gulp.dest('assets/css'))
    .pipe(cleanCSS({ specialComments: 0 }))
    .pipe(
      rename({
        suffix: '.min'
      })
    )
    .pipe(header(banner, { pkg: pkg }))
    .pipe(gulp.dest('assets/css'))
})

gulp.task('css', function () {
  runsequence('compileSass', 'concatMinifyCss')
})

// Concatenate & Minify JS
gulp.task('js', function () {
  return gulp
    .src(files.js)
    .pipe(concat('scripts.js'))
    .pipe(uglify())
    .pipe(
      rename({
        suffix: '.min'
      })
    )
    .pipe(header(banner, { pkg: pkg }))
    .pipe(gulp.dest('assets/js'))
})

gulp.task('concatJs', function () {
  return gulp
    .src(files.js)
    .pipe(concat('concat_scripts.js'))
    .pipe(gulp.dest('assets/js'))
    .pipe(header(banner, { pkg: pkg }))
    .pipe(gulp.dest('assets/js'))
})

// Images
gulp.task('imgmin', function () {
  return gulp
    .src(files.images)
    .pipe(
      cache(
        imagemin({
          optimizationLevel: 3,
          progressive: true,
          interlaced: true
        })
      )
    )
    .pipe(gulp.dest('assets/images'))
})

// Images
gulp.task('svgmin', function () {
  return gulp
    .src(files.svgs)
    .pipe(cache(svgmin()))
    .pipe(gulp.dest('assets/images'))
})

// Build
gulp.task('build', function () {
  gulp.start([ 'compileSass', 'concatJs' ])
})

// Watch Files For Changes
gulp.task('watch', [ 'default' ], function () {
  gulp.watch(files.lint, [ 'js' ])
  gulp.watch(files.sass, [ 'css' ])
})

// Clean
gulp.task('clean', function () {
  files.clean.map(function (x) {
    console.log('Deleting ' + x)
  })
  return del(files.clean)
})

// Default Task
gulp.task('default', function () {
  gulp.start('lint', 'css', 'js', 'imgmin', 'svgmin')
})