Rollup config for dependancies-included Typescript Webcomponents

webcomponent-ts-rollup.config.js

import typescript from '@rollup/plugin-typescript';
import commonjs from '@rollup/plugin-commonjs';
import resolve from "@rollup/plugin-node-resolve";

const COMPONENT_NAME = "my-component"

export default {
	input: 'src/index.ts',
	output: [
        {
            file: `dist/${COMPONENT_NAME}.esm.js`,
            format: 'es',
            sourcemap: true
        },
        {
            name: COMPONENT_NAME,
            file: `dist/${COMPONENT_NAME}.js`,
            format: 'iife',
            sourcemap: true
        }
    ],
    plugins: [
        commonjs({ extensions: ['.js', '.ts'] }),
        resolve({browser: true}),
        typescript({
            compilerOptions: {
                module: "esnext",
                lib: ["es5", "es6", "es2020", "dom"],
                target: "es6",
                }
            })
    ]
};