gulpfile.js

(function() {
  'use strict';

  var gulp = require('gulp');
  var rename = require('gulp-rename');
  var inline = require('gulp-inline-source');
  var htmlmin = require('gulp-htmlmin');
  var less = require('gulp-less');
  var zlib = require('zlib');
  var fs = require('fs');
  var concat = require('gulp-concat');
  var base64 = require('gulp-base64');

  /**
   *
   */
  gulp.task('watch', ['gzip'], function() {
    gulp.watch(__dirname + '/src/**/*.less', ['gzip']);
    gulp.watch(__dirname + '/src/**/*.js', ['gzip']);
    gulp.watch(__dirname + '/src/**/*.html', ['gzip']);
  });

  /**
   *
   */
  gulp.task('css', function(done){
    return gulp.src(__dirname + '/src/**/*.less')
      .pipe(less().on('error', handleError))
      .pipe(gulp.dest(function(file){
        return file.base;
      }));
  });

  /**
   *
   */
  gulp.task('html', ['css'], function (done) {
    return gulp.src('./src/index.html')
      .pipe(inline({compress:true}))
      .pipe(htmlmin({
        collapseWhitespace: true,
        minifyCSS: true,
        minifyJS: true
      }))
      .pipe(rename('index_dev.html'))
      .pipe(gulp.dest(__dirname));
  });

  gulp.task('gzip', ['html'], function(done){
    var src = fs.readFileSync('./index_dev.html');
    var template = fs.readFileSync('./src/index_compressed_template.html', 'utf8');
    var data = zlib.gzipSync(src, {
      level: 9,
      windowBits: 15
    });
    data = data.toString('base64');
    fs.writeFileSync('./index.html', template.replace('{$BUFFER}', data).replace('{$BUFFER_SIZE}', src.length));
    return done();
  });

  gulp.task('build', ['gzip']);

  /**
   * @param err
   */
  function handleError(err) {
    var gutil = require('gulp-util');

    gutil.log(gutil.colors.red(err));
    this.emit('end');
  }

}());