rollup.config.mjs

import { babel } from '@rollup/plugin-babel'
import { nodeResolve } from '@rollup/plugin-node-resolve'
import { readPackage } from 'read-pkg'
import dts from 'rollup-plugin-dts'
import { preserveShebangs } from 'rollup-plugin-preserve-shebangs'
import { visualizer } from 'rollup-plugin-visualizer'

const PROFILE = !!process.env.PROFILE

const pkg = await readPackage()

const targets = `
  > 1%,
  last 2 versions,
  not IE > 0,
  not IE_Mob > 0
  node > 14
`

const external = id =>
  [
    ...Object.keys(pkg.dependencies || {}),
    ...Object.keys(pkg.peerDependencies || {}),
    ...[],
  ].find(dep => new RegExp(`^${dep}`).test(id))

export default [
  {
    external,
    input: './src/index.ts',
    output: {
      dir: 'dist',
      format: 'es',
      preserveModules: true
    },
    plugins: [
      babel({
        babelHelpers: 'runtime',
        babelrc: false,
        comments: false,
        exclude: 'node_modules/**',
        extensions: ['.js', '.jsx', '.ts', '.tsx', '.es', '.mjs'],
        plugins: ['@babel/plugin-transform-runtime'],
        presets: [
          ['@babel/env', { modules: false, targets }],
          '@babel/preset-typescript',
          [
            '@babel/preset-react',
            {
              runtime: 'automatic',
            },
          ],
        ],
      }),
      nodeResolve({
        extensions: ['.mjs', '.js', '.json', '.ts', '.tsx'],
        preferBuiltins: true,
      }),
      preserveShebangs(),
      PROFILE &&
        visualizer({
          brotliSize: true,
          filename: '.reports/report.html',
          gzipSize: true,
          open: true,
        }),
    ].filter(Boolean),
  },
  {
    input: './src/index.ts',
    output: [{ file: 'dist/index.d.ts', format: 'es' }],
    plugins: [dts()],
  },
]