rollup.config.js

import peerDepsExternal from 'rollup-plugin-peer-deps-external';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import typescript from 'rollup-plugin-typescript2';
import postcss from 'rollup-plugin-postcss';
import image from '@rollup/plugin-image';

const packageJson = require('./package.json');

export default {
    input: 'src/index.ts',
    output: [
        {
            file: packageJson.main,
            format: 'cjs',
            sourcemap: true
        },
        {
            file: packageJson.module,
            format: 'esm',
            sourcemap: true
        }
    ],
    plugins: [
        peerDepsExternal(),
        resolve(),
        commonjs(),
        typescript({ useTsconfigDeclarationDir: true }),
        postcss({
            // extensions: ['.css', 'module.css'],
            extract: false,
            modules: false,
            inject: {
                insertAt: 'top'
            },
            autoModules: true,
            getExportNamed: false,
            minimize: true,
            module: {
                generateScopedName: '[name]__[local]___[hash:base64:5]'
            }
        }),
        image({ extract: 'src/assets/icons' })
    ]
};