gulpfile.js

const del        = require('del');
const gulp       = require('gulp');
const rename     = require('gulp-rename');
const runSeq     = require('run-sequence');
const typescript = require('gulp-typescript');
const webpack    = require('webpack-stream');
const sass       = require('gulp-sass');

const ENV = process.env.NODE_ENV || 'production';

/**
 * Clean Task
 *
 * Clean up old build. Nice and clean.
 */
gulp.task('clean', () => del(['./app.js', './main.js']));

/**
 * Main Task
 *
 * Build the main file for Electron
 */
gulp.task('main', () =>
{
  var tsProject = typescript.createProject('tsconfig.main.json');
  var res       = gulp.src('src/js/Main.ts')
                      .pipe(tsProject());

  return res.js
            .pipe(rename('main.js'))
            .pipe(gulp.dest('./'));
});

/**
 * Bundle Task
 *
 * Bundle our application in to a single file.
 */
gulp.task('bundle', () =>
{
  var webpackConfig = ENV === 'production'
                        ? './webpack.config.js'
                        : './webpack.dev.config.js';

  return gulp.src('./src/js/App.ts')
             .pipe(webpack(require(webpackConfig)))
             .pipe(gulp.dest('./'));
});

/*
 * Styles Task
 *
 * Use Node Sass to build our main stylesheet
 */
gulp.task('styles', () =>
{
  return gulp.src('./src/scss/hawkeye.scss')
             .pipe(sass({
               outputStyle  : 'compressed',
               includePaths : [
                 './node_modules/compass-mixins/lib'
               ]
             }).on('err', sass.logError))
             .pipe(gulp.dest('./'));
});

/*
 * Default Config Task
 *
 * This is for CI builds to test a project can build
 */
gulp.task('configdefault', () =>
{
  return gulp.src('./src/js/Config/HawkEye.default.ts')
             .pipe(rename('HawkEye.ts'))
             .pipe(gulp.dest('./src/js/Config'));
});

/**
 * Default Task
 *
 * Do all the things.
 */
gulp.task('default', cb => runSeq('clean', 'main', 'bundle', 'styles', cb));

/**
 * Watch Task
 *
 * Watch for changes
 */
gulp.task('watch', () =>
{
  gulp.watch('./src/js/**/*', {}, () => gulp.start('default'));
  gulp.watch('./src/scss/**/*.scss', {}, () => gulp.start('styles'));
});