gulpfile.js

'use strict';

const gulp = require('gulp');
const eslint = require('gulp-eslint');
const webpack = require('webpack');
const webpackStream = require('webpack-stream');
const sass = require('gulp-sass');
const mocha = require('gulp-mocha');

const scripts = ['server.js', 'lib/**/*.js', 'models/**/*.js', 'routes/**/*.js',
  'client/**/*.js', '!**/*bundle.js', 'test/**/*.js'];
const clientScripts = ['client/**/*.js'];
const staticFiles = ['client/**/*.html', 'client/**/*.png', 'client/**/*.jpg',
  'client/**/*.csv'];
const serverSpecs = ['test/backend/**/*spec.js'];

gulp.task('static:dev', () => {
  return gulp.src(staticFiles, { 'base': 'client' })
    .pipe(gulp.dest('dist/'));
});

gulp.task('webfonts:dev', () => {
  return gulp.src('client/webfonts/**/*')
    .pipe(gulp.dest('dist/webfonts'));
});

gulp.task('sass:dev', () => {
  return gulp.src('client/sass/main.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./dist'));
});

gulp.task('build:dev', () => {
  webpackStream({
    entry: ['./client/index.js'],
    output: {
      filename: 'bundle.js'
    },
    module: {
      loaders: [
        {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          loader: 'babel-loader'
        }
      ]
    },
    plugins: [
      new webpack.DefinePlugin({
        __BASEURL__: JSON.stringify(process.env.SERVER_ENV === 'production' ?
          `http://${process.env.HEROKU_APP_NAME}.herokuapp.com` :
          'http://localhost:3000')
      })
    ],
    devtool: 'source-map'
  })
  .pipe(gulp.dest('dist/'));
});

gulp.task('lint', () => {
  return gulp.src(scripts)
    .pipe(eslint())
    .pipe(eslint.format());
});

gulp.task('watch', () => {
  gulp.watch(scripts, ['lint']);
  gulp.watch(clientScripts, ['build:dev']);
  gulp.watch(staticFiles, ['static:dev']);
  gulp.watch('client/sass/*.sass', ['sass:dev']);
});

gulp.task('build', ['static:dev', 'build:dev', 'sass:dev', 'webfonts:dev']);
gulp.task('dev', ['watch', 'build']);
gulp.task('style:dev', ['static:dev', 'sass:dev', 'webfonts:dev']);


gulp.task('test:mocha', () => {
  return gulp.src(serverSpecs, { read: false })
    .pipe(mocha())
    .once('end', process.exit);
});

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