rollup.config.js

import babel from 'rollup-plugin-babel';
import {terser} from 'rollup-plugin-terser';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import replace from '@rollup/plugin-replace';
import pkg from './package.json';

// Common.
const input = './src/index.ts';
const extensions = ['.js', '.jsx', '.ts', '.tsx'];
const banner = `/**
* Tuuri-react v${pkg.version}
* ${pkg.homepage}
* Copyright (c) 2020-present, Paol-imi
* Released under the MIT license
* https://github.com/Paol-imi/muuri-react/blob/master/LICENSE
* @license MIT
*/
`;

// Babel options.
const getBabelOptions = ({useESModules}) => ({
  exclude: 'node_modules/**',
  extensions,
  runtimeHelpers: true,
  plugins: [['@babel/transform-runtime', {useESModules}]],
});

export default [
  // Universal module definition (UMD) build
  {
    input,
    output: {
      file: 'dist/tuuri-react.js',
      format: 'umd',
      name: 'TuuriReact',
      globals: {react: 'React', tuuri: 'Tuuri'},
      banner,
    },
    external: ['react', 'tuuri'],
    plugins: [
      babel(getBabelOptions({useESModules: true})),
      resolve({extensions}),
      commonjs({
        include: 'node_modules/**',
      }),
      replace({'process.env.NODE_ENV': JSON.stringify('development')}),
    ],
  },

  // Minified UMD build
  {
    input,
    output: {
      file: 'dist/tuuri-react.min.js',
      format: 'umd',
      name: 'TuuriReact',
      globals: {react: 'React', tuuri: 'Tuuri'},
      banner,
    },
    external: ['react', 'tuuri'],
    plugins: [
      babel(getBabelOptions({useESModules: true})),
      resolve({extensions}),
      commonjs({
        include: 'node_modules/**',
      }),
      replace({'process.env.NODE_ENV': JSON.stringify('production')}),
      terser(),
    ],
  },

  // CommonJS (cjs) build
  // - All external packages are not bundled
  {
    input,
    output: {file: pkg.main, format: 'cjs', banner},
    external: (id) => !id.startsWith('.') && !id.startsWith('/'),
    plugins: [
      resolve({extensions}),
      babel(getBabelOptions({useESModules: false})),
    ],
  },

  // EcmaScript Module (esm) build
  // - All external packages are not bundled
  {
    input,
    output: {file: pkg.module, format: 'esm', banner},
    external: (id) => !id.startsWith('.') && !id.startsWith('/'),
    plugins: [
      resolve({extensions}),
      babel(getBabelOptions({useESModules: true})),
    ],
  },
];