rollup.config.js

import typescript from '@rollup/plugin-typescript';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import { terser } from 'rollup-plugin-terser';
import visualizer from 'rollup-plugin-visualizer';
import replace from '@rollup/plugin-replace';
import json from '@rollup/plugin-json';
import compiler from '@ampproject/rollup-plugin-closure-compiler';
import pkg from './package.json';

export default [
  {
    input: 'src/index.ts',
    output: [
      {
        file: pkg.web,
        name: 'CanvasPanelBeta',
        format: 'umd',
        sourcemap: true,
        globals: {
          react: 'react',
          'react-dom': 'ReactDOM',
          'node-fetch': 'fetch',
          'fetch-cookie': 'fetch',
          'whatwg-fetch': 'fetch',
          'manifesto.js': 'Manifesto',
          '@iiif/manifold': 'Manifold',
          openseadragon: 'OpenSeadragon',
        },
      },
    ],
    plugins: [
      typescript({ target: 'es5' }),
      replace({
        'process.env.NODE_ENV': JSON.stringify('production'),
      }),
      resolve({ browser: true }), // so Rollup can find `ms`
      commonjs({ extensions: ['.js', '.ts'] }), // the ".ts" extension is required
      json(),
      terser(),
      compiler(),
      visualizer({ filename: 'stats.umd.html' }),
    ],
    external: [
      'react',
      'react-dom',
      'node-fetch',
      'fetch-cookie',
      'whatwg-fetch',
      'manifesto.js',
      'openseadragon',
      '@iiif/manifold',
    ],
  },
  /* {
    input: 'src/index.ts',
    output: [
      {
        file: pkg.main,
        format: 'cjs',
        sourcemap: true,
      },
      {
        file: pkg.module,
        format: 'es',
        sourcemap: true,
      },
    ],
    external: [
      'crypto',
      '@fesk/bem-js',
      'manifesto.js',
      'react',
      'react-dom',
      'openseadragon',
      '@iiif/manifold',
    ],
    plugins: [
      typescript(),
      replace({
        'process.env.NODE_ENV': JSON.stringify('production'),
      }),
      resolve(), // so Rollup can find `ms`
      commonjs({ extensions: ['.js', '.ts'] }), // the ".ts" extension is required
      json(),
      visualizer(),
    ],
  }, */
];