webpack.config.js

const path = require('path');
const TerserPlugin = require('terser-webpack-plugin');

const settings = {
    name: 'Formalism-Craft',
    devServerUrl: 'http://localhost:8080',
    jsEntry: {
        freeform: './src/assetbundles/src/freeform.js',
    },
    destination: path.resolve(__dirname, 'src/assetbundles/dist'),
};

// Configure Babel loader
const configureBabelLoader = () => {
    return {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
            loader: 'babel-loader',
            options: {
                presets: [
                    [
                        '@babel/preset-env',
                        {
                            modules: false,
                            useBuiltIns: 'usage',
                            corejs: '3',
                        },
                    ],
                ],
            },
        },
    };
};

module.exports = (env, argv) => {
    // const isProduction = argv.mode === 'production';
    return {
        entry: settings.jsEntry,
        output: {
            // https://stackoverflow.com/questions/49111086/webpack-4-universal-library-target
            path: settings.destination,
            filename: '[name].js',
            libraryTarget: 'umd',
            library: 'lib',
            umdNamedDefine: true,
            globalObject: `(typeof self !== 'undefined' ? self : this)`,
        },
        optimization: {
            minimizer: [
                new TerserPlugin({
                    cache: true,
                    parallel: true,
                }),
            ],
        },
        devServer: {
            public: settings.devServerUrl,
            contentBase: settings.destination,
            quiet: true,
            stats: 'errors-only',
            host: '0.0.0.0',
            disableHostCheck: true,
        },
        module: {
            rules: [configureBabelLoader()],
        },
    };
};