kretschmann.io/gulpfile.js

'use strict'

// manually require modules that won"t get picked up by gulp-load-plugins
var gulp = require('gulp'),
    del = require('del'),
    chalk = require('chalk'),
    parallelize = require('concurrent-transform');

// load plugins
var $ = require('gulp-load-plugins')();

// Temporary solution until gulp 4
// https://github.com/gulpjs/gulp/issues/355
var runSequence = require('run-sequence');

// handle errors
var onError = function(error) {
    console.log(chalk.red('You fucked up:', error.message, 'on line' , error.lineNumber));
}

var src       = 'src/',
    dist      = 'dist/',
    s3bucket  = 'kretschmann.io',
    s3region  = 'eu-west-1';

//
// clean everything
//
gulp.task('clean', function (cb) {
    return del([
        dist + '**/*'
    ], cb);
});


//
// Styles
//
gulp.task('css', function () {
    return gulp.src(src + 'less/kretschmannio.less')
        .pipe($.less()).on('error', onError)
        .pipe($.combineMq({ beautify: false }))
        .pipe($.autoprefixer({ browsers: 'last 4 versions' }))
        .pipe($.cssmin())
        .pipe($.rename({suffix: '.min'}))
        .pipe(gulp.dest(dist + 'assets/css'))
        .pipe($.connect.reload());
});


//
// Copy everything
//
gulp.task('copy', function () {
    return gulp.src([
        src + '**/*',
        '!' + src + 'less/**/*'
    ])
    .pipe(gulp.dest(dist));
});


//
// Optimize HTML
//
gulp.task('optimize:html', function() {
  return gulp.src(dist + '**/*.html')
    .pipe($.htmlmin({
        collapseWhitespace: true,
        conservativeCollapse: true,
        removeComments: true,
        useShortDoctype: true,
        collapseBooleanAttributes: true,
        removeRedundantAttributes: true,
        removeEmptyAttributes: true
    }))
    .pipe(gulp.dest(dist));
});


//
// Revision static assets
//
gulp.task('revision', function () {
    return gulp.src(dist + '**/*.{css,js,png,jpg,jpeg,svg,gif}')
        .pipe($.rev())
        .pipe(gulp.dest(dist))
        // output rev manifest for next replace task
        .pipe($.rev.manifest())
        .pipe(gulp.dest(dist + 'assets'));
});


//
// Replace all links to assets in files
// from a manifest file
//
gulp.task('revision-replace', function () {

    var manifest = gulp.src(dist + 'assets/rev-manifest.json');

    return gulp.src(dist + '**/*.{json,html,css}')
        .pipe($.revReplace({manifest: manifest}))
        .pipe(gulp.dest(dist));
});


//
// Dev Server
//
gulp.task('connect', function () {
    return $.connect.server({
        root: [dist],
        livereload: true,
        port: 1337
    });
});


//
// Watch task
//
gulp.task('watch', function () {
    gulp.watch([src + '**/*.{html,xml,json}'], ['html']);
    gulp.watch([src + 'less/**/*.less'], ['css']);
});


//
// S3 Deployment
//
gulp.task('s3', function() {

    var publisher = $.awspublish.create({
        params: { 'Bucket': s3bucket }, 'region': s3region
    });

    // define custom headers
    var headers = {
        'Cache-Control': 'max-age=315360000, no-transform, public',
        'x-amz-acl': 'public-read'
    };

    return gulp.src(dist + '**/*')
        .pipe($.awspublish.gzip({ ext: '' })) // gzip all the things
        .pipe(parallelize(publisher.publish(), 10))
        .pipe(publisher.sync()) // delete files in bucket that are not in local folder
        .pipe(publisher.cache())
        .pipe($.awspublish.reporter({ states: ['create', 'update', 'delete'] }));
});


// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
// Task sequences
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^


//
// gulp
//
gulp.task('default', ['css', 'copy', 'watch', 'connect']);


//
// gulp build: Production build
//
gulp.task('build', function (callback) {
    runSequence(
        'clean',
        ['css', 'copy'],
        'revision',
        'revision-replace',
        'optimize:html',
        callback
    );
});


//
// gulp deploy: Deployment with fresh production build
//
gulp.task('deploy', function (callback) {
    runSequence(
        'build',
        's3',
        callback
    );
});