rollup.config.js

import md5 from 'md5';
import fs from 'fs-extra';
import babel from '@rollup/plugin-babel';
import filesize from 'rollup-plugin-filesize';
import { terser } from 'rollup-plugin-terser';
import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import outputManifest from 'rollup-plugin-output-manifest';

export default {
    input: 'resources/js/index.js',
    output: {
        format: 'umd',
        sourcemap: true,
        name: 'FormComponents',
        file: 'dist/form-components.js',
    },
    plugins: [
        resolve(),
        commonjs({
            include: /node_modules\/(get-value|isobject|core-js)/,
        }),
        filesize(),
        terser({
            mangle: false,
            compress: {
                drop_debugger: false,
            },
        }),
        babel({
            exclude: 'node_modules/**',
            babelHelpers: 'bundled',
        }),
        // Mimic Laravel Mix's mix-manifest file for auto-cache-busting.
        outputManifest({
            serialize() {
                const file = fs.readFileSync(__dirname + '/dist/form-components.js', 'utf8');
                const hash = md5(file).substring(0, 20);

                return JSON.stringify({
                    '/form-components.js': '/form-components.js?id=' + hash,
                });
            },
        }),
    ]
};