dispatch/client/gulpfile.js

var path = require('path');
var exec = require('child_process').exec;
var url = require('url');

var gulp = require('gulp');
var gutil = require('gulp-util');
var nano = require('gulp-cssnano');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
var express = require('express');
var proxy = require('express-http-proxy');
var webpack = require('webpack');
var through = require('through2');
var br = require('brotli');

function brotli(opts) {
  return through.obj(function(file, enc, callback) {
    if (file.isNull()) {
      return callback(null, file);
    }

    if (file.isStream()) {
      this.emit(
        'error',
        new gutil.PluginError('brotli', 'Streams not supported')
      );
    } else if (file.isBuffer()) {
      file.path += '.br';
      file.contents = new Buffer(br.compress(file.contents, opts).buffer);
      return callback(null, file);
    }
  });
}

gulp.task('css', function() {
  return gulp
    .src(['src/css/fonts.css', 'src/css/fontello.css', 'src/css/style.css'])
    .pipe(concat('bundle.css'))
    .pipe(
      autoprefixer({
        browsers: ['ie 11']
      })
    )
    .pipe(nano())
    .pipe(gulp.dest('dist'));
});

gulp.task('js', function(cb) {
  var config = require('./webpack.config.prod.js');
  var compiler = webpack(config);

  process.env['NODE_ENV'] = 'production';

  compiler.run(function(err, stats) {
    if (err) throw new gutil.PluginError('webpack', err);

    gutil.log(
      '[webpack]',
      stats.toString({
        colors: true
      })
    );

    if (stats.hasErrors()) process.exit(1);

    cb();
  });
});

gulp.task('fonts', function() {
  return gulp.src('src/font/*').pipe(gulp.dest('dist/font'));
});

gulp.task('fonts:woff', function() {
  return gulp.src('src/font/*(*.woff|*.woff2)').pipe(gulp.dest('dist/br/font'));
});

gulp.task('config', function() {
  return gulp.src('../config.default.toml').pipe(gulp.dest('dist/br'));
});

function compress() {
  return gulp
    .src(['dist/**/!(*.br|*.woff|*.woff2)', '!dist/{br,br/**}'])
    .pipe(brotli({ quality: 11 }))
    .pipe(gulp.dest('dist/br'));
}

gulp.task('compress', ['css', 'js', 'fonts'], compress);
gulp.task('compress:dev', ['css', 'fonts'], compress);

gulp.task('bindata', ['compress', 'config'], function(cb) {
  exec(
    'go-bindata -nomemcopy -nocompress -pkg assets -o ../assets/bindata.go -prefix "dist/br" dist/br/...',
    cb
  );
});

gulp.task('bindata:dev', ['compress:dev', 'config'], function(cb) {
  exec(
    'go-bindata -debug -pkg assets -o ../assets/bindata.go -prefix "dist/br" dist/br/...',
    cb
  );
});

gulp.task(
  'dev',
  ['css', 'fonts', 'fonts:woff', 'config', 'compress:dev', 'bindata:dev'],
  function() {
    gulp.watch('src/css/*.css', ['css']);

    var config = require('./webpack.config.dev.js');
    var compiler = webpack(config);
    var app = express();

    app.use(
      require('webpack-dev-middleware')(compiler, {
        noInfo: true,
        publicPath: config.output.publicPath,
        headers: {
          'Access-Control-Allow-Origin': '*'
        }
      })
    );

    app.use(require('webpack-hot-middleware')(compiler));

    app.use('/', express.static('dist'));

    app.use(
      '*',
      proxy('localhost:1337', {
        proxyReqPathResolver: function(req) {
          return req.originalUrl;
        }
      })
    );

    app.listen(3000, function(err) {
      if (err) {
        console.log(err);
        return;
      }

      console.log('Listening at http://localhost:3000');
    });
  }
);

gulp.task('build', [
  'css',
  'js',
  'fonts',
  'fonts:woff',
  'config',
  'compress',
  'bindata'
]);

gulp.task('default', ['dev']);