atlas/packages/components/rollup.config.js

import resolve from "@rollup/plugin-node-resolve"
import commonjs from "@rollup/plugin-commonjs"
import typescript from "rollup-plugin-typescript2"
import babel from "rollup-plugin-babel"
import svgr from "@svgr/rollup"
import { DEFAULT_EXTENSIONS } from "@babel/core"
import react from "react"
import reactDom from "react-dom"

import pkg from "./package.json"

export default {
	input: "src/index.ts",
	output: [
		{
			file: pkg.main,
			format: "cjs",
			file: pkg.main
		},
		{
			format: "esm",
			file: pkg.module
		}
	],
	plugins: [
		svgr(),
		resolve({
			extensions: [".js", ".jsx", ".ts", ".tsx"],
			preferBuiltins: true
		}),
		commonjs({
			exclude: "../../node_modules",
			namedExports: {
				react: Object.keys(react),
				"react-dom": Object.keys(reactDom)
			}
		}),
		typescript({
			useTsconfigDeclarationDir: true
		}),
		babel({
			exclude: ["../../node_modules/**", "node_modules/**"],
			extensions: [...DEFAULT_EXTENSIONS, ".ts", ".tsx"]
		})
	]
}