rollup.config.js

import babel from '@rollup/plugin-babel'
import resolve from '@rollup/plugin-node-resolve'
import worker from 'rollup-plugin-web-worker-loader'
import commonjs from '@rollup/plugin-commonjs'

const external = ['react', 'react/jsx-runtime', '@react-three/fiber', 'three']
const extensions = ['.js', '.jsx', '.ts', '.tsx', '.json']

const getBabelOptions = ({ useESModules }, targets) => ({
  babelHelpers: 'runtime',
  babelrc: false,
  extensions,
  include: ['src/**/*', '**/node_modules/**'],
  plugins: [['@babel/transform-runtime', { regenerator: false, useESModules }]],
  presets: [
    ['@babel/preset-env', { loose: true, modules: false, targets }],
    ['@babel/preset-react', { runtime: 'automatic' }],
    '@babel/preset-typescript',
  ],
})

export default [
  {
    external,
    input: `./src/index.tsx`,
    output: { dir: 'dist', format: 'esm' },
    plugins: [
      resolve({ extensions }),
      worker({ platform: 'base64', sourcemap: false, targetPlatform: 'browser' }),
      babel(getBabelOptions({ useESModules: true }, '>1%, not dead, not ie 11, not op_mini all')),
      commonjs(),
    ],
  },
  {
    external,
    input: `./src/index.tsx`,
    output: { dir: 'dist/debug', format: 'esm' },
    plugins: [
      resolve({ extensions }),
      worker({ platform: 'base64', sourcemap: true, targetPlatform: 'browser' }),
      babel(getBabelOptions({ useESModules: true }, '>1%, not dead, not ie 11, not op_mini all')),
      commonjs(),
    ],
  },
]