rollup.config.js

import babel from 'rollup-plugin-babel'
import resolve from 'rollup-plugin-node-resolve'
import { terser } from 'rollup-plugin-terser'
import postcss from 'rollup-plugin-postcss'

const input = 'src/index.ts'

const globals = {
  react: 'React',
  'prop-types': 'PropTypes',
}

const external = Object.keys(globals)

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

const output = {
  globals,
  name: 'ReactCssSpinners',
  format: 'umd',
}

const babelOptions = {
  extensions,
  babelrc: false, // to ignore @babel/transform-runtime
  exclude: 'node_modules/**',
  presets: ['@babel/typescript', '@babel/env', '@babel/react'],
}

export default [
  {
    input,
    external,
    output: {
      ...output,
      file: 'dist/bundle.js',
    },
    plugins: [
      resolve({
        extensions,
      }),
      babel(babelOptions),
      postcss({
        extract: 'style.css',
      }),
    ],
  },
  {
    input,
    external,
    output: {
      ...output,
      file: 'dist/bundle.min.js',
    },
    plugins: [
      resolve({
        extensions,
      }),
      babel({
        ...babelOptions,
        plugins: ['transform-react-remove-prop-types'],
      }),
      postcss({
        extract: 'style.min.css',
        minimize: true,
      }),
      terser(),
    ],
  },
]