gulpfile.babel.js

let gulp = require('gulp');
let webpack = require('webpack');
let gulpWebpack = require('webpack-stream');
let eslint = require('gulp-eslint');
let Server = require('karma').Server;
let argv = require('yargs').argv;
let UglifyJSPlugin = require('uglifyjs-webpack-plugin');

gulp.task('test', ['lint', 'karma']);
gulp.task('build', ['test', 'webpack']);

let MODULE_NAME = 'xcomponent';

function buildWebpackConfig({  filename, modulename, minify = false, globals = {} }) {

    return {
        module: {
            rules: [
                {
                    test: /\.jsx?$/,
                    loader: 'babel-loader'
                }
            ]
        },
        resolve: {
            modules: [
                'node_modules',
                'src',
                'client'
            ],
            extensions: [ '.js', '.jsx' ]
        },
        output: {
            filename: filename,
            libraryTarget: 'umd',
            umdNamedDefine: true,
            library: modulename
        },
        plugins: [
            new webpack.DefinePlugin(Object.assign({
                __TEST__: false,
                __POPUP_SUPPORT__: true,
                __IE_POPUP_SUPPORT__: true,
                __CHILD_WINDOW_ENFORCE_LOG_LEVEL__: false,
                __SEND_POPUP_LOGS_TO_OPENER__: false
            }, globals)),
            new webpack.SourceMapDevToolPlugin({
                filename: '[file].map'
            }),
            new UglifyJSPlugin({
                test: /\.js$/,
                beautify: !minify,
                minimize: minify,
                compress: {
                    warnings: false,
                    sequences: minify
                },
                mangle: minify,
                sourceMap: true
            })
        ],
        bail: true
    };
}

gulp.task('webpack', [ 'webpack-max', 'webpack-min', 'webpack-max-frame', 'webpack-min-frame' ]);

gulp.task('webpack-max', function() {
    return gulp.src('src/index.js')
        .pipe(gulpWebpack(buildWebpackConfig({
            filename: `${MODULE_NAME}.js`,
            modulename: MODULE_NAME
        }), webpack))
        .pipe(gulp.dest('dist'));
});

gulp.task('webpack-min', function() {
    return gulp.src('src/index.js')
        .pipe(gulpWebpack(buildWebpackConfig({
            filename: `${MODULE_NAME}.min.js`,
            modulename: MODULE_NAME,
            minify: true
        }), webpack))
        .pipe(gulp.dest('dist'));
});

gulp.task('webpack-max-frame', function() {
    return gulp.src('src/index.js')
        .pipe(gulpWebpack(buildWebpackConfig({
            filename: `${MODULE_NAME}.frame.js`,
            modulename: MODULE_NAME,
            globals: {
                __POPUP_SUPPORT__: false,
                __IE_POPUP_SUPPORT__: false
            }
        }), webpack))
        .pipe(gulp.dest('dist'));
});

gulp.task('webpack-min-frame', function() {
    return gulp.src('src/index.js')
        .pipe(gulpWebpack(buildWebpackConfig({
            filename: `${MODULE_NAME}.frame.min.js`,
            modulename: MODULE_NAME,
            minify: true,
            globals: {
                __POPUP_SUPPORT__: false,
                __IE_POPUP_SUPPORT__: false
            }
        }), webpack))
        .pipe(gulp.dest('dist'));
});

gulp.task('lint', function() {
  return gulp.src([ 'src/**/*.js', 'test/tests/**/*.js' ]).pipe(eslint())
  .pipe(eslint.format())
  .pipe(eslint.failAfterError());
});

gulp.task('karma', ['lint'], function (done) {

    let server = new Server({
    configFile: __dirname + '/karma.conf.js',
    singleRun: !Boolean(argv['keep-browser-open']),
    client: {
      captureConsole: Boolean(argv['capture-console'])
    }
  });

  server.on('browser_error', function (browser, err) {
    console.log('Karma Run Failed: ' + err.message);
    throw err;
  });

  server.on('run_complete', function (browsers, results) {
    if (results.failed) {
      return done(new Error('Karma: Tests Failed'));
    }
    done();
  });

  server.start();
});