laravel-mix-polyfill/index.js

A Laravel Mix extension to include polyfills by using Babel, core-js, and regenerator-runtime

const mix = require('laravel-mix');

class Polyfill {
    dependencies() {
        return ['core-js', 'regenerator-runtime'];
    }

    register(config) {
        this.config = Object.assign({
            enabled: true,
            useBuiltIns: "usage",
            targets: "defaults",
            entryPoints: "stable",
            corejs: 3,
            debug: false,
        }, config);
    }

    webpackConfig(webpackConfig) {
        if ((this.config.enabled === true)
            && (this.config.useBuiltIns === "entry")
            && (this.config.entryPoints !== false)) {
            Object.entries(webpackConfig.entry).forEach(v => {
                webpackConfig.entry[v[0]].unshift("laravel-mix-polyfill/entry/"
                    + this.config.entryPoints
                    + ".js");
            });
        }

        if ((this.config.enabled === true) && (typeof this.config.targets === "string")) {
            webpackConfig.target = 'browserslist:' + this.config.targets;
        }

        if (this.config.debug === true) {
            let javascriptIndex = null;

            webpackConfig.module.rules.forEach(function (value, index) {
                if (value['test'].toString() === '/\\.(cjs|mjs|jsx?|tsx?)$/') {
                    javascriptIndex = index;
                }
            });

            if (javascriptIndex) {
                webpackConfig.module.rules[javascriptIndex]['use'][0]['options']['cacheDirectory'] = false;
            }
        }
    }

    babelConfig() {
        let polyfillPresets = {
            "useBuiltIns": this.config.useBuiltIns,
        };

        if (this.config.useBuiltIns !== false) {
            polyfillPresets.corejs = this.config.corejs;
        }

        if (this.config.targets) {
            polyfillPresets.targets = this.config.targets;
        }

        if (this.config.debug) {
            polyfillPresets.debug = this.config.debug;
        }

        let returnObject = {
            presets: [
                [
                    '@babel/preset-env',
                    polyfillPresets
                ]
            ],
        };

        return this.config.enabled ? returnObject : {};
    }
}

mix.extend('polyfill', new Polyfill());