rollup.config.js

const typescript = require('@rollup/plugin-typescript')
const resolve = require('@rollup/plugin-node-resolve')
const strip = require('@rollup/plugin-strip')
const commonjs = require('@rollup/plugin-commonjs')
const babel = require('@rollup/plugin-babel')
const terser = require('@rollup/plugin-terser')
// const externals = require('rollup-plugin-node-externals')
const dts = require('rollup-plugin-dts').default

const entry = 'src/index.ts';
const packageName = 'FrameAnimation';

const cjsOutDir = 'package/lib';
const esOutDir = 'package/es';
const umdOutDir = 'package/dist';

module.exports.default = [{
    input: entry,
    output: [{
        dir: cjsOutDir,
        format: 'cjs'
    }, {
        dir: esOutDir,
        format: 'es'
    }, {
        name: packageName,
        dir: umdOutDir,
        format: 'umd'
    }, {
        name: packageName,
        dir: 'docs/package',
        format: 'umd'
    }],
    plugins: [
        // externals(),
        commonjs(),
        strip(),
        resolve(),
        typescript(),
        babel({
            presets: ["@babel/preset-env"],
            extensions: ['.js', '.jsx', '.ts', '.tsx'],
            exclude: "**/node_modules/**"
        }),
        terser()
    ]
}, {
    input: entry,
    output: [{
        dir: cjsOutDir,
        format: 'cjs'
    }, {
        dir: esOutDir,
        format: 'es'
    }],
    plugins: [dts()]
}];