rollup.config.mjs

import { createRequire } from "node:module";
import typescript from "@rollup/plugin-typescript";
import { nodeResolve } from "@rollup/plugin-node-resolve";
import { babel } from "@rollup/plugin-babel";
import sizes from "rollup-plugin-sizes";
import commonjs from "@rollup/plugin-commonjs";
import strip from "@rollup/plugin-strip";

const require = createRequire(import.meta.url);
const pkg = require("./package.json");

const EXTERNALS = Object.keys(pkg.dependencies).concat([
  /@babel\/runtime/,
  /react\//,
  /react-dom\//,
]);

const extensions = [".ts", ".tsx", ".js", ".jsx"];

export default [
  // CommonJS (for Node) and ES module (for bundlers) build.
  // (We could have three entries in the configuration array
  // instead of two, but it's quicker to generate multiple
  // builds from a single configuration where possible, using
  // an array for the `output` option, where we can specify
  // `file` and `format` for each target)
  {
    input: "src/index.ts",
    external: EXTERNALS,
    plugins: [
      // nodeResolve 可以查找更多的依赖， 需要extensions来支持 ts, tsx
      nodeResolve({
        extensions,
      }),
      // 依赖中有非esm包，就要用commonjs插件
      commonjs(),
      babel({
        // babel.config.json
        babelHelpers: "runtime",
        extensions,
      }),
      strip({
        include: ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"],
      }),
      sizes(),
    ],
    output: [
      {
        dir: "dist/cjs",
        format: "cjs",
        exports: "named",
      },
    ],
  },
  {
    input: "src/index.ts",
    external: EXTERNALS,
    plugins: [
      // nodeResolve 可以查找更多的依赖， 需要extensions来支持 ts, tsx
      nodeResolve({
        extensions,
      }),
      // 依赖中有非esm包，就要用commonjs插件
      commonjs(),
      typescript({
        compilerOptions: {
          declaration: true,
          noEmit: false,
          declarationDir: "dist/esm",
        },
        // tsconfig.json
      }),
      strip({
        include: ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"],
      }),
      sizes(),
    ],
    output: [
      {
        dir: "dist/esm",
        format: "es",
        exports: "named",
      },
    ],
  },
];