gulpfile.js

'use strict';

var _             = require('lodash');
var del           = require('del');
var browserSync   = require('browser-sync');
var gulp          = require('gulp');
var $             = require('gulp-load-plugins')();
var webpack       = require('webpack-stream');
var argv          = require('yargs').argv;
var runSequence   = require('run-sequence');
var webpackConfig = require('./webpack.config.js')();

// -------------------------------------------
// Configuration
// -------------------------------------------

var paths = {
  src      : __dirname + '/src',
  dist     : __dirname + '/dist',
  examples : __dirname + '/examples',
  bower    : __dirname + '/examples/bower_components'
};

var patterns = {
  js : paths.src + '/**/*.js'
};

gulp.task('clean', function () {
  return del([
    paths.dist + '/**/*',
    paths.examples + '/dist/**/*'
  ]);
});

gulp.task('webpack', function() {
  return gulp.src(paths.src + '/main.js')
    .pipe(webpack(_.extend(webpackConfig, {
      output: {
        filename: 'labella.js',
        sourceMapFilename: '[file].map',
        library: 'labella',
        libraryTarget: 'umd',
        umdNamedDefine: false
      },
      devtool: argv.debug ? 'eval' : undefined
    })))
    .pipe(gulp.dest(paths.dist))
    .pipe(gulp.dest(paths.examples+'/dist'))
    .pipe($.uglify({
      report: 'min',
      mangle: true,
      compress: true, //true,
      preserveComments: false
    }))
    .pipe($.rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest(paths.dist))
    .pipe(gulp.dest(paths.examples+'/dist'));
});

gulp.task('webpack-extra', function() {
  return gulp.src(paths.src + '/extra.js')
    .pipe(webpack(_.extend(webpackConfig, {
      output: {
        filename: 'labella-extra.js',
        sourceMapFilename: '[file].map',
        library: 'labella',
        libraryTarget: 'umd',
        umdNamedDefine: false
      },
      devtool: argv.debug ? 'eval' : undefined
    })))
    .pipe(gulp.dest(paths.dist))
    .pipe(gulp.dest(paths.examples+'/dist'))
    .pipe($.uglify({
      report: 'min',
      mangle: true,
      compress: true, //true,
      preserveComments: false
    }))
    .pipe($.rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest(paths.dist))
    .pipe(gulp.dest(paths.examples+'/dist'));
});

/* Start browser-sync */
gulp.task('browser-sync', ['build'], function() {
  browserSync.init({
    server: './examples',
    files: ['examples/**/*.*'],
    browser: 'google chrome',
    port: 7000,
  });
});

var buildTasks = [];

/* Build everything */
gulp.task('build', function(done){
  runSequence('clean', buildTasks.concat(['webpack', 'webpack-extra']), done);
});

/* Watch for individual file changes and build as needed */
gulp.task('watch', ['build'], function(){
  buildTasks.forEach(function(task){
    gulp.watch(patterns[task], [task]);
  });

  gulp.watch(patterns.js, ['webpack']);
});

gulp.task('run', ['watch', 'browser-sync']);
gulp.task('default', ['run']);

/* Deployment */
gulp.task('gh-pages', ['build'], function() {
  return gulp.src(paths.examples + '/**/*')
    .pipe($.ghPages());
});