rollup.config.js

import babel from '@rollup/plugin-babel';
import typescript from 'rollup-plugin-typescript2';

const plugins = [
    typescript(),
    babel({
        babelHelpers: 'bundled',
        exclude: 'node_modules/**',
        extensions: ['.ts'],
        presets: ['@babel/preset-env'],
        plugins: [
            ['@babel/plugin-proposal-decorators', { legacy: true }],
            '@babel/plugin-proposal-function-sent',
            '@babel/plugin-proposal-export-namespace-from',
            '@babel/plugin-proposal-numeric-separator',
            '@babel/plugin-proposal-throw-expressions',
            '@babel/plugin-transform-object-assign',
        ],
    }),
];

export default [
    {
        input: './src/wave.ts',
        output: [
            { file: './dist/wave.js', format: 'esm' },
            { file: './dist/wave.common.js', format: 'cjs' },
        ],
        plugins,
        external: ['laravel-echo', '@qruto/fetch-event-source'],
    },
    {
        input: './src/index.iife.ts',
        output: [{
            file: './dist/wave.iife.js',
            format: 'iife',
            name: 'Wave',
            globals: {
                '@qruto/fetch-event-source': 'fetchEventSource',
                'laravel-echo': 'Echo',
            },
        }],
        plugins,
        external: ['laravel-echo', '@qruto/fetch-event-source'],
    },
];