@oreodusk/oreonyx/src/webpack/plugins/Optimization.js

UI module bundler helper

//Here all webpack bundle optimization code goes................

class Optimization {
    constructor() {
        this.optimization = {runtimeChunk: 'single'};
    }

    splitChunk() {
        this.optimization.splitChunks = {
            chunks: 'all',
            minSize: 20000,
            maxSize: 100000,
            minRemainingSize: 0,
            minChunks: 1,
            maxAsyncRequests: 30,
            maxInitialRequests: 30,
            enforceSizeThreshold: 100000,
        };

        this.optimization.splitChunks.cacheGroups = this.#cacheGroups();
    }

    #cacheGroups() {
        const cacheGrps = {default: false};

        cacheGrps.reactAndDom = this.#ckgReactAndDom();
        cacheGrps.reactBootstrap = this.#ckgReactBootstrap();
        cacheGrps.bootstrap = this.#ckgBootstrap();
        cacheGrps.mui = this.#ckgMui();
        cacheGrps.vendors = this.#ckgVendors();

        return cacheGrps;
    }

    //ckg--->cache group key
    #ckgReactAndDom() {
        return {
            test: /[\\/]node_modules[\\/](react|react-dom)[\\/]/,
            name: 'react&dom',
            filename: 'js/oreonyx.[name].[contenthash].js',
            chunks: 'all',
            reuseExistingChunk: true,
        }
    }

    #ckgReactBootstrap() {
        return {
            test: /[\\/]node_modules[\\/](react-bootstrap)[\\/]/,
            name: 'reactBootstrap',
            filename: 'js/oreonyx.[name].[contenthash].js',
            chunks: 'all',
            reuseExistingChunk: true
        }
    }

    #ckgMui() {
        return {
            test: /[\\/]node_modules[\\/]((@mui.*)|(@emotion.*))[\\/]/,
            name: 'mui',
            filename: 'js/oreonyx.[name].[contenthash].js',
            chunks: 'all',
            reuseExistingChunk: true
        }
    }

    #ckgBootstrap() {
        return {
            test: /[\\/]node_modules[\\/](bootstrap)[\\/]/,
            name: 'bootstrap',
            filename: 'js/oreonyx.[name].[contenthash].js',
            chunks: 'all',
            reuseExistingChunk: true
        }
    }

    #ckgVendors() {
        return {
            test: /[\\/]node_modules[\\/]((?!react).*)[\\/]/,
            name: 'vendors',
            filename: 'js/oreonyx.[name].[contenthash].js',
            chunks: 'all',
            reuseExistingChunk: true
        }
    }
}

module.exports = Optimization;