webpack.config.js

/* eslint-env node */
const webpack = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');
const pkg = require('./package.json');
const path = require('path');

const license = `Likely $version by Nikolay Rys (linkedin.com/in/nikolay-rys), Ilya Birman (ilyabirman.net), and contributors.
Special thanks to Viktor Karpov (twitter.com/vitkarpov), Ivan Akulov (iamakulov.com), Evgeny Steblinsky (volter9.github.io), and Artem Sapegin (sapegin.me).`;

function getLicenseComment(version) {
    return license.replace(/\$version/g, version);
}

module.exports = (env) => {
    const isProduction = process.env.NODE_ENV === 'production';
    const isDom = env.commonjs !== 'true';

    let entry;
    let optimization;

    const plugins = [new webpack.BannerPlugin({ banner: getLicenseComment(pkg.version), entryOnly: true })];

    if (isProduction) {
        optimization = { minimizer: [new TerserPlugin({ extractComments: false })] };
        entry = isDom ? { 'likely.min': './source/likely.js' } : { 'likely-commonjs.min': './source/likely-commonjs.js' };
    }
    else {
        entry = isDom ? { likely: './source/likely.js' } : { 'likely-commonjs': './source/likely-commonjs.js' };
    }

    return {
        entry,
        output: {
            filename: '[name].js',
            library: {
                name: 'likely',
                type: 'umd', // https://webpack.js.org/configuration/output/#librarytarget-umd
            },
            path: path.join(__dirname, '/release'),
            globalObject: 'typeof self !== \'undefined\' ? self : this', // https://github.com/webpack/webpack/issues/6784#issuecomment-375941431
        },
        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    use: {
                        loader: 'babel-loader',
                        options: { presets: ['@babel/preset-env'] },
                    },
                },
                {
                    test: /\.styl$/,
                    exclude: /node_modules/,
                    use: [
                        {
                            loader: 'css-loader',
                            options: {
                                exportType: 'string',
                                esModule: true,
                            },
                        },
                        'stylus-loader',
                    ],
                },
            ],
        },
        devtool: 'source-map',
        optimization,
        plugins,
    };
};