rollup.config.js

import babel from "@rollup/plugin-babel";
import resolve from "rollup-plugin-node-resolve";
import commonjs from "rollup-plugin-commonjs";
import postcss from "rollup-plugin-postcss";
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import { terser } from "rollup-plugin-terser";
import pkg from "./package.json";
import path from "path";

const isProd = process.env.NODE_ENV === "production";

export default {
    input: "./src/index.js",
    output: [
        {
            file: pkg.main,
            format: "cjs",
            sourcemap: !isProd,
        },
        {
            file: pkg.module,
            format: "es",
            sourcemap: !isProd,
        },
    ],
    plugins: [
        peerDepsExternal(),
        babel(),
        postcss({
            extract: path.resolve("dist/styles.css"),
            modules: false,
            sourceMap: !isProd,
            minimize: isProd,
            use: ["sass"],
        }),
        resolve(),
        commonjs(),
        isProd && terser(),
    ],
};