rollup.config.mjs

import babel from "@rollup/plugin-babel";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import postcss from "rollup-plugin-postcss";
import terser from "@rollup/plugin-terser";
import resolve from "@rollup/plugin-node-resolve";
import bundleSize from "rollup-plugin-bundle-size";

// See https://rollupjs.org/command-line-interface/#importing-package-json
import pkgJson from "./package.json" assert { type: "json" };

const production = process.env.NODE_ENV !== "development";

const config = {
	input: "src/index.ts",
	output: [
		{
			file: "dist/bundle.js",
			format: "cjs",
			sourcemap: true,
		},
		{
			file: "dist/bundle.es.js",
			format: "es",
			sourcemap: true,
		},
	],
	external: Object.keys(pkgJson.peerDependencies),
	plugins: [
		postcss(),
		resolve(),
		typescript({
			sourceMap: true,
			declaration: true,
			declarationDir: "dist",
			include: ["src/**/*"],
			exclude: ["**/*.test.*", "**/*.stories.*"],
		}),
		babel.babel({ babelHelpers: "bundled" }),
		commonjs(),
		production && terser(),
		bundleSize(),
	],
};

export default config;