laravel-mix-swc/src/plugin.js

Integrate SWC JavaScript/TypeScript compiler with Laravel Mix

const File = require('laravel-mix/src/File');
const Assert = require('laravel-mix/src/Assert');
const glob = require('fast-glob');
const defaults = require('lodash.defaultsdeep');
const TerserPlugin = require('terser-webpack-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const defaultOptions = require('./defaultOptions');

class Swc {
    /** @type {{entry: File[], output: File}[]} */
    toCompile = [];

    /** @type {import('@swc/core').Config} */
    options = {};

    /**
     * The API name for the component.
     *
     * @return {String|Array}
     */
    name() {
        return 'swc';
    }

    /**
     * Specifiy one or more dependencies that must
     * be installed for this component to work
     *
     * @returns {import("laravel-mix/src/Dependencies").Dependency[]}
     */
    dependencies() {
        return ['@swc/core', 'swc-loader'];
    }

    /**
     * Register the component.
     *
     * @param {any} entry
     * @param {string} output
     * @param {import('@swc/core').Config} options
     */
    register(entry, output, options = {}) {
        if (typeof entry === 'string' && entry.includes('*')) {
            entry = glob.sync(entry);
        }

        Assert.js(entry, output);
        
        entry = [].concat(entry).map(file => new File(file));

        this.toCompile.push({ entry, output: new File(output) });

        global.Mix.bundlingJavaScript = true;

        // Merge default options with user-defined ones (preferring the last ones)
        this.options = defaults(defaultOptions, options);
    }

    /**
     * Boot the component. This method is triggered after the
     * user's webpack.mix.js file has executed.
     */
     boot() {
        if (global.Mix.inProduction()) {
            global.Mix.config.cssNano = false
        }
    }

    /**
     * Assets to append to the webpack entry.
     *
     * @param {import('../builder/Entry')} entry
     */
    webpackEntry(entry) {
        this.toCompile.forEach(js => {
            entry.addFromOutput(
                js.entry.map(file => file.path()),
                js.output,
                js.entry[0]
            );
        });
    }

    /**
     * Rules to be merged with the underlying webpack rules.
     *
     * @return {Array|Object}
     */
    webpackRules() {
        return [
            {
                test: /\.(cjs|mjs|jsx?|tsx?)$/,
                exclude: /(node_modules|bower_components)/,
                use: [
                    {
                        loader: 'swc-loader',
                        // @see https://swc.rs/docs/configuration/compilation
                        options: this.options,
                    }
                ]
            }
        ];
    }

    /**
     * Override the underlying webpack configuration.
     *
     * @param {import("webpack").Configuration} webpackConfig
     * @return {void}
     */
    webpackConfig(webpackConfig) {
        webpackConfig.resolve.extensions.push('.ts', '.tsx');

        if (global.Mix.inProduction()) {
            webpackConfig.optimization.minimizer = [
                new TerserPlugin({
                    minify: TerserPlugin.swcMinify,
                }),
                new CssMinimizerPlugin({
                    minify: CssMinimizerPlugin.parcelCssMinify,
                }),
            ]
        }
    }
}

module.exports = Swc;