rollup.config.ts

import * as path from 'path';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import json from '@rollup/plugin-json';
import babel from 'rollup-plugin-babel';
import builtins from 'builtins';

process.env.BABEL_ENV = process.env.NODE_ENV = 'production';

const pkg = require(path.resolve(process.cwd(), 'package.json'));

const externalModules = [
  ...Object.keys(pkg.peerDependencies || {}),
  ...Object.keys(pkg.dependencies || {}),
  ...(pkg.bin ? builtins('13.0.0') : [])
];
export default {
  input: 'src/index.ts',
  external: id => {
    // Bare module identifier
    if (!id.includes('/')) {
      return true;
    }

    // Relative path
    if (id.startsWith('.')) {
      return false;
    }

    // These are absolute paths
    if (id.includes('babel-runtime')) {
      return true;
    }

    if (externalModules.includes(id)) {
      return true;
    }

    const packageName = id
      .split('node_modules')
      .pop()
      .split('/')
      .shift();

    if (!packageName) {
      return false;
    }

    return externalModules.includes(packageName);
  },
  output: [
    pkg.main && { file: pkg.main, format: 'cjs' },
    pkg.module && { file: pkg.module, format: 'es' },
    pkg.unpkg && { name: pkg.name, file: pkg.unpkg, format: 'umd' }
  ].filter(Boolean),
  plugins: [
    babel({
      runtimeHelpers: true,
      configFile: path.join(__dirname, 'babel.config.js'),
      extensions: ['.ts', '.tsx', '.js']
    }),
    resolve({
      extensions: ['.ts', '.tsx', '.js']
    }),
    commonjs({
      namedExports: {
        '@storybook/react': ['addDecorator'],
        '@storybook/theming': ['withTheme'],
        '@storybook/components': ['ActionBar'],
        '@storybook/addons': ['makeDecorator'],
        react: [
          'createContext',
          'createElement',
          'Component',
          'Fragment',
          'forwardRef'
        ]
      }
    }),
    json()
  ]
};