rollup.config.js

import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import typescript from '@rollup/plugin-typescript';
import json from '@rollup/plugin-json';
import { terser } from 'rollup-plugin-terser';
import external from 'rollup-plugin-peer-deps-external';
import visualizer from 'rollup-plugin-visualizer';
import postcss from 'rollup-plugin-postcss';
import dts from 'rollup-plugin-dts';

const PLUGINS = [
	external(),
	resolve({ jsnext: true, preferBuiltins: true, browser: true }),
	commonjs(),
	typescript({ tsconfig: './tsconfig.json', exclude: ['./environments/**'] }),
	json(),
	postcss(),
	visualizer({ filename: 'visualizer.html' }),
];

const pkg = require('./package.json');

export default [
	{
		input: 'src/index.ts',
		output: [
			{
				file: pkg.main,
				format: 'cjs',
				sourcemap: true,
				name: 'react-lib',
			},
			{
				file: pkg.module,
				format: 'esm',
				sourcemap: true,
			},
		],
		plugins: [...PLUGINS, terser()],
		external: ['react', 'react-dom'],
	},
	{
		input: 'dist/esm/types/index.d.ts',
		output: {
			file: pkg.types,
			format: 'esm',
		},
		external: [/\.(scss|css)$/],
		plugins: [dts()],
	},
];