webpack.config.prod.js

const merge = require("webpack-merge");
const webpack = require("webpack");
const path = require("path");
const args = process.argv.slice(2);
const baseConfig = require("./node_modules/@mendix/pluggable-widgets-tools/configs/webpack.config.prod.js"); //Can also be webpack.config.prod.js
const TerserPlugin = require("terser-webpack-plugin");
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
// We're doing dirty hacking, because our camel case stuff doesn't transpile nicely to ES5. Need another solution, but this works in IE11

const customConfig = {
    // Custom configuration goes here
    devtool: false,
    optimization: {
        minimizer: [
            new TerserPlugin({
                cache: true,
                parallel: true,
                terserOptions: {
                    ecma: undefined,
                    warnings: false,
                    parse: {},
                    compress: {
                        passes: 2
                    },
                    mangle: true, // Note `mangle.properties` is `false` by default.
                    module: false,
                    output: {
                        comments: false
                    },
                    toplevel: false,
                    nameCache: null,
                    ie8: false,
                    keep_classnames: undefined,
                    keep_fnames: false,
                    safari10: false,
                },
            }),
        ]
    },
    plugins: [

    ],
    // We add this to further slim down the package
    resolve: {
        alias: {
            'cash-dom': path.join(__dirname, 'node_modules/cash-dom/dist/cash.min.js')
        }
    }
};

if (args.length === 5 && args[4] === "--analyze") {
    customConfig.plugins.push(new BundleAnalyzerPlugin());
}
const previewConfig = {

};
module.exports = [merge(baseConfig[0], customConfig), merge(baseConfig[1], previewConfig)];