gulpfile.js

var DEST = './dist/';

var gulp         = require( 'gulp' );
var plumber      = require( 'gulp-plumber' );
var rename       = require( 'gulp-rename' );
var mergeStream  = require( 'merge-stream' );
var brotli       = require( 'gulp-brotli' );
var gzip         = require( 'gulp-gzip' );
var less         = require( 'gulp-less' );
var autoprefixer = require( 'gulp-autoprefixer' );
var cleanCSS     = require( 'gulp-clean-css' );
var imagemin     = require( 'gulp-imagemin' );
var requirejs    = require( 'gulp-requirejs' );
var amdclean     = require( 'gulp-amdclean' );
var uglify       = require( 'gulp-uglify' );
var uglifyInline = require( 'gulp-uglify-inline' );
var typogr       = require( 'gulp-typogr' );
var hypher       = require( 'gulp-hypher' );
var h_pattern    = require( 'hyphenation.en-gb' );
var htmlmin      = require( 'gulp-htmlmin' );
var sourcemaps   = require( 'gulp-sourcemaps' );


function favicon() {
	return gulp.src( 'src/img/favicon.ico' )
		.pipe( gulp.dest( DEST ) );
};


function fonts() {
	return gulp.src( 'src/fonts/*' )
		.pipe( gulp.dest( DEST+'fonts/' ) );
};


function css() {
	return gulp.src( 'src/css/_.less' )
		.pipe( plumber( { errorHandler: function ( err ) {
			console.log(err);
			this.emit('end');
			}
		} ) )
		.pipe( less() )
		.pipe( autoprefixer() )
		.pipe( rename( 'standard41.css' ) )
		.pipe( cleanCSS( { keepSpecialComments: 0 } ) )
		.pipe( gulp.dest( DEST+'css/' ) );
};


function img() {
	return gulp.src( ['src/img/*.svg', 'src/img/*.png'] )
		.pipe( imagemin() )
		.pipe( gulp.dest( DEST+'img/' ) );
};


function js() {
	return requirejs( {
		baseUrl: 'src/js',
		include: ['standard41'],
		mainConfigFile: 'src/js/standard41.js',
		paths: {
			jquery: 'lib/jquery',
			Modernizr: 'lib/modernizr'
		},
		shim: {
			Modernizr: {
				exports: 'Modernizr'
			}
		},
		optimize: 'none',
		out: 'standard41.js'
	} )
		.pipe( plumber( { errorHandler: function ( err ) {
			console.log(err);
			this.emit('end');
			}
		} ) )
		.pipe( amdclean.gulp() )
		.pipe( sourcemaps.init() )
		.pipe( uglify() )
		.pipe( sourcemaps.write( '.' ) )
		.pipe( gulp.dest( DEST+'js/' ) );
};


function html() {
	return gulp.src( ['src/index.html'] )
		.pipe( plumber( { errorHandler: function ( err ) {
			console.log(err);
			this.emit('end');
			}
		} ) )
		.pipe( hypher( h_pattern ) )
		.pipe( typogr( { only: ['amp', 'widont', 'caps', 'smartypants'] } ) )
		.pipe( uglifyInline() )
		.pipe( htmlmin( { removeComments: true, collapseWhitespace: true } ) )
		.pipe( gulp.dest( DEST ) );
};


function manifest() {
	return gulp.src( ['src/manifest.json'] )
		.pipe( gulp.dest( DEST ) );
};


function compressBrotliAndGzip() {
	return mergeStream(
		gulp.src( [DEST+'/**/*.svg', DEST+'/**/*.html', DEST+'/**/*.js', DEST+'/**/*.css', DEST+'/**/*.xml', DEST+'/**/*.json'] )
			.pipe( brotli() )
			.pipe( gulp.dest( DEST+'/' ) ),
		gulp.src( [DEST+'/**/*.svg', DEST+'/**/*.html', DEST+'/**/*.js', DEST+'/**/*.css', DEST+'/**/*.xml', DEST+'/**/*.json'] )
			.pipe( gzip({ gzipOptions: { level: 9 } }) )
			.pipe( gulp.dest( DEST+'/' ) )
	);
};


function watch() {
	gulp.watch( ['src/img/*'], img );
	gulp.watch( ['src/img/favicon.*'], favicon );
	gulp.watch( ['src/css/**/*.less', 'src/css/**/*.css'], css );
	gulp.watch( ['src/js/**/*.js'], js );
	gulp.watch( ['src/**/*.html'], html );
};


exports.default = gulp.series( gulp.parallel( img, favicon, fonts, css, js, html, manifest ), compressBrotliAndGzip );
exports.watch   = watch;