rollup.config.js

import resolve from "@rollup/plugin-node-resolve";
import cjs from "@rollup/plugin-commonjs";
import ts from "@rollup/plugin-typescript";
import babel from "@rollup/plugin-babel";
import { terser } from "rollup-plugin-terser";
const babelConfig = require("./babel.config");

const unpkgRollupConfig = {
  input: "src/index.tsx",
  output: {
    name: "hostore",
    file: "dist/index.min.js",
    format: "umd",
  },
  external: ["react", "react/jsx-runtime"],
  plugins: [
    resolve(),
    babel({
      extensions: [".ts", ".tsx", ".js", ".jsx", ".json"],
      exclude: "node_modules/**",
      babelHelpers: "bundled",
      ...babelConfig,
    }),
    terser(),
    cjs(),
    ts(),
  ],
};

const mainRollupConfig = {
  input: "src/index.tsx",
  output: [
    {
      name: "hostore",
      file: "dist/index.cjs.js",
      format: "umd",
    },
    {
      file: "dist/index.es.js",
      format: "es",
    },
  ],
  external: ["react", "react/jsx-runtime"],
  plugins: [
    resolve(),
    babel({
      extensions: [".ts", ".tsx", ".js", ".jsx", ".json"],
      exclude: "node_modules/**",
      babelHelpers: "bundled",
      ...babelConfig,
    }),
    cjs(),
    ts(),
  ],
};

export default [mainRollupConfig, unpkgRollupConfig];