rollup.config.mjs

import typescript from 'rollup-plugin-typescript2';
import commonjs from '@rollup/plugin-commonjs';
import {nodeResolve} from '@rollup/plugin-node-resolve';
import babel from '@rollup/plugin-babel';
import terser from "@rollup/plugin-terser";
import json from '@rollup/plugin-json';
import eslint from '@rollup/plugin-eslint';

const plugins = [
    nodeResolve({
        jsnext: true,
        main: true,
    }),
    eslint(),
    commonjs(),
    typescript(),
    json(),
    babel({
        exclude: 'node_modules/**',
        babelHelpers: 'bundled',
        compact: true,
        extensions: [
            '.js',
            '.ts',
        ],
        presets: [
            [
                '@babel/env',
                {
                    "modules": false,
                    "targets": "> 2.5%, not dead"
                }
            ],
        ],
        plugins: [
            [
                "@babel/plugin-proposal-decorators",
                {
                    "legacy": true
                }
            ],
            [
                "@babel/plugin-proposal-class-properties"
            ],
            [
                "@babel/plugin-transform-template-literals"
            ]
        ]
    }),
    terser()
];

export default {
    input: ['./src/index.ts'],
    output: {
        file: 'dist/mlk-power-flow-card.js',
        format: 'esm',
        name: 'MlkPowerFlowCard',
        inlineDynamicImports: true,
    },
    watch: {
        clearScreen: false,
    },
    plugins: [...plugins],
    onwarn: function (warning, handler) {
        if (warning.code === 'THIS_IS_UNDEFINED') {
            return;
        }

        // console.warn everything else
        handler(warning);
    }
};