rollup.config.mjs

import babelPlugin from '@rollup/plugin-babel'
import resolvePlugin from '@rollup/plugin-node-resolve'
import commonjsPlugin from '@rollup/plugin-commonjs'
import jsonPlugin from '@rollup/plugin-json'
import postcss from 'rollup-plugin-postcss'
import terserPlugin from '@rollup/plugin-terser'
// not good for result bunlde, absolute path not transformed to relative inside bundle
// import tsConfigPath from 'rollup-plugin-tsconfig-paths'
// import peerDepsExternal from 'rollup-plugin-peer-deps-external'

// import pkg from './package.json' assert { type: 'json' }

// TODO use rollup-plugin-peer-deps-external

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

const commonConfig = {
  plugins: [
    // peerDepsExternal(),
    // tsConfigPath(),
    resolvePlugin({
      extensions,
    }),
    postcss({
      extract: true,
      modules: true,
      use: ['sass'],
    }),
    babelPlugin({
      babelHelpers: 'bundled',
      extensions,
      exclude: [
        'node_modules/**',
      ],
    }),
    jsonPlugin(),
    commonjsPlugin(),
    terserPlugin(),
  ],
  external: [
    'react',
    'ramda',
    'lodash-es',
    'dayjs',
    'core-js',
    'sanitize-html',
  ],
  watch: {
    include: 'src/**',
  },
}

export default [
  {
    input: ['src/index.ts'],
    output: [
      {
        dir: 'dist/lib/cjs',
        format: 'cjs',
        sourcemap: true,
        preserveModules: true,
        exports: 'named',
        interop: 'auto',
      },
      {
        dir: 'dist/lib/esm',
        // file: pkg.module,
        format: 'es',
        sourcemap: true,
        preserveModules: true,
        exports: 'named',
        interop: 'auto',
      },
    ],
    ...commonConfig,
  },
  {
    input: ['src/core/hooks/index.ts'],
    output: [
      {
        dir: 'dist/hooks',
        format: 'cjs',
        sourcemap: true,
        preserveModules: true,
        exports: 'named',
        interop: 'auto',
      },
      {
        dir: 'dist/hooks/esm',
        format: 'es',
        sourcemap: true,
        preserveModules: true,
        interop: 'auto',
      },
    ],
    ...commonConfig,
  },
  {
    input: ['src/core/utils/index.ts'],
    output: [
      {
        dir: 'dist/utils',
        format: 'cjs',
        sourcemap: true,
        preserveModules: true,
        interop: 'auto',
      },
      {
        dir: 'dist/utils/esm',
        format: 'es',
        sourcemap: true,
        preserveModules: true,
        exports: 'named',
        interop: 'auto',
      },
    ],
    ...commonConfig,
  },
  {
    input: ['src/core/ui/index.ts'],
    output: [
      {
        dir: 'dist/ui',
        format: 'cjs',
        sourcemap: true,
        preserveModules: true,
        exports: 'named',
        interop: 'auto',
      },
      {
        dir: 'dist/ui/esm',
        format: 'es',
        sourcemap: true,
        preserveModules: true,
        exports: 'named',
        interop: 'auto',
      },
    ],
    ...commonConfig,
  },
]