rollup.config.js

import { babel } from '@rollup/plugin-babel';
import nodeResolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import pkg from './package.json' assert { type: 'json' };

const inputSrc = [
    [
        {
            input: './src/index.jsx',
            output: {
                file: 'dist/entry-modal.js',
                format: 'umd',
                sourcemap: true,
                name: 'EntryModal',
            },
            name: 'EntryModal',
        },
    ],
    [
        {
            input: './src/component.jsx',
            output: {
                file: pkg.main,
                format: 'esm',
                sourcemap: true,
            },
        },
    ],
];

export default inputSrc.map(([option]) => {
    return {
        ...option,
        external: ['react', 'react-dom'],
        output: {
            ...option.output,
            globals: {
                react: 'React',
                'react-dom': 'ReactDOM',
            },
        },
        plugins: [
            commonjs(),
            nodeResolve({
                browser: option.output.format === 'umd',
            }),
            babel({
                babelHelpers: 'runtime',
                exclude: 'node_modules/**/*.(ts|tsx|js|jsx)',
                include: 'src/**/*.(ts|tsx|js|jsx)',
                extensions: ['.ts', '.tsx', '.js', '.jsx', '.es', '.es6', '.mjs'],
            }),
        ],
    };
});