rollup.config.js

import peerDepsExternal from "rollup-plugin-peer-deps-external";
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import babel from '@rollup/plugin-babel';
import { terser } from "rollup-plugin-terser";
import postcss from "rollup-plugin-postcss";

const path = require('path')
const packageJson = require("./package.json");

export default {
  input: "src/lib/ReactCaroussel.js",
  output: [
    {
      file: packageJson.module,
      format: "esm",
      sourcemap: true
    }
  ],
  plugins: [
    peerDepsExternal(),
    resolve(),
    babel({
      presets: ['@babel/env', '@babel/preset-react'],
      plugins: ['@babel/plugin-transform-runtime'],
      babelHelpers: 'runtime',
      exclude: 'node_modules/**'
    }),
    commonjs(),
    postcss({
      minimize: true,
      extensions: ['.css'],
      extract: path.resolve('dist/index.css')
    }),
    process.env.NODE_ENV.includes('production') ? terser() : ''
  ]
};