rollup.config.js

import { babel } from '@rollup/plugin-babel'
import resolve from '@rollup/plugin-node-resolve'
import copy from 'rollup-plugin-copy'
import external from 'rollup-plugin-peer-deps-external'
import postcss from 'rollup-plugin-postcss'
import { terser } from 'rollup-plugin-terser'

const extensions = ['.ts', '.tsx']

module.exports = {
  input: 'src/index.ts',
  output: [
    {
      file: 'dist/bundle.esm.min.js',
      format: 'esm',
      plugins: [],
    },
    {
      file: 'dist/bundle.min.js',
      format: 'umd',
      name: 'SnIcons',
      globals: {
        react: 'React',
      },
      sourcemap: true,
    },
  ],
  plugins: [
    external(),
    postcss({
      plugins: [],
    }),
    resolve({ extensions }),
    babel({
      babelHelpers: 'bundled',
      include: ['src/**/*.ts(x)?'],
      extensions,
      exclude: /node_modules/,
    }),
    terser(),
    copy({
      targets: [{ src: 'assets/*', dest: 'dist/assets' }],
    }),
  ],
}