webpack.common-config.js

/* eslint-disable */
const webpack            = require('webpack');
const path               = require('path');
const camelCase          = require('lodash.camelcase');
const mergeWith          = require('lodash.mergewith');
const Dashboard          = require('webpack-dashboard');
const DashboardPlugin    = require('webpack-dashboard/plugin');
const OpenBrowserPlugin  = require('open-browser-webpack-plugin');
const UglifyJsPlugin  = require('uglifyjs-webpack-plugin');

const pkg                = require(path.join(process.cwd(), 'package.json'));
const nodeModulesPath    = path.resolve(__dirname, './node_modules');
const modulesPath        = path.resolve(__dirname, './src');
const resolveModulesPath = [modulesPath, nodeModulesPath];

function setloaders() {
    return [{
        test: /\.js?$/,
        use: ['babel-loader'],
        exclude: [nodeModulesPath, path.resolve(__dirname,'./src/lib/built-in-class-shim.js')]
    }];
}

function setPlugins(isProd, nodeEnv) {
    const plugins = [
        new webpack.DefinePlugin({
            'process.env': { NODE_ENV: JSON.stringify(nodeEnv) }
        }),
    ];

    if (!isProd) {
        const dashboard = new Dashboard();

        plugins.push(
            new webpack.HotModuleReplacementPlugin(),
            new DashboardPlugin(dashboard.setData),
            new OpenBrowserPlugin({
                url: 'http://localhost:1818/demo/'
            })
        );
    }

    return plugins;
}

function arrayMerge(objValue, srcValue) {
    if (typeof objValue !== 'undefined' && Array.isArray(objValue)) {
        return objValue.concat(srcValue);
    }
}

exports.update = function(inheritedConfig, newConfig) {
    return mergeWith(inheritedConfig, newConfig, arrayMerge);
}

exports.inheritedConfig = function(env) {
    const nodeEnv = env.NODE_ENV;
    const isProd = (nodeEnv === 'production');
    const minify = !!env.min;

    process.env.NODE_ENV = nodeEnv;
    const config = {
        devtool: isProd ? 'source-map' : 'cheap-module-source-map',
        mode: nodeEnv,
        optimization: {
            minimizer: (minify) ? [
                new UglifyJsPlugin({
                    uglifyOptions: {
                      compress: { inline: 1 },
                      parallel: true
                    }
                })
            ] : []
        },
        performance: {
            hints: isProd ? 'warning' : false
        },
        entry: {
            [minify ? `${pkg.name}.min` : pkg.name] : './src/index'
        },
        output: {
            path: path.join(__dirname, 'dist'),
            filename: '[name].js',
            publicPath: 'dist/',
            library: camelCase(pkg.name),
            libraryTarget: 'umd',
            umdNamedDefine: true
        },
        module: {
            rules: setloaders(isProd)
        },
        resolve: {
            modules: resolveModulesPath
        },
        devServer: {
            host: '0.0.0.0',
            port: 1818,
            hot: true,
            quiet: true,
            historyApiFallback: true,
            contentBase: './'
        },
        plugins: setPlugins(isProd, nodeEnv)
    };

    return config;
}