rollup.config.js

import typescript from "rollup-plugin-typescript2";
import { terser } from "rollup-plugin-terser";
import replace from "@rollup/plugin-replace";

const tsOpts = { useTsconfigDeclarationDir: true };
const terserOpts = {
  compress: {
    keep_infinity: true,
    pure_getters: true,
    passes: 10,
  },
  ecma: 9,
  toplevel: true,
  warnings: true,
  mangle: {
    properties: {
      regex: "^_",
    },
  },
  nameCache: {
    props: {
      cname: 6,
      props: {
        // Component
        $_hooks: "_h",
        $_performUpdate: "_u",
        $_flushEffects: "_f",
        $_attr: "_a",
        $_observeAttr: "_o",
        $_dispatch: "_d",
        $_adoptStyle: "_s",
        $_context: "_c",
        // hooks
        $_values: "_v",
        $_deps: "_d",
        $_effects: "_e",
        $_layoutEffects: "_l",
        $_cleanup: "_c",
      },
    },
  },
};

const bundle = (moduleName, format, env, external = []) => {
  const isProducton = env === "production";
  const ext = format === "es" ? "mjs" : "js";

  return {
    input: `./src/${moduleName}/index.ts`,
    output: {
      file: `${moduleName}/${moduleName}.${env}.${ext}`,
      format,
      plugins: [isProducton && terser(terserOpts)].filter(Boolean),
    },
    plugins: [
      typescript(tsOpts),
      replace({ "process.env.BUILD_ENV": JSON.stringify(env) }),
    ].filter(Boolean),
    external,
  };
};

export default [
  bundle("fuco", "es", "production"),
  bundle("fuco", "es", "development"),
  bundle("fuco", "cjs", "production", ["../html"]),
  bundle("fuco", "cjs", "development", ["../html"]),
  bundle("html", "cjs", "production"),
  bundle("html", "cjs", "development"),
  bundle("server", "cjs", "production", ["../html", "../fuco"]),
  bundle("server", "cjs", "development", ["../html", "../fuco"]),
];