rollup.config.prod.js

import { nodeResolve } from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import svelte from "rollup-plugin-svelte";
import sveltePreprocess from "svelte-preprocess";
import css from "rollup-plugin-css-only";
import { terser } from "rollup-plugin-terser";

const OUT_DIR = "dist";

const commonPlugins = [
  typescript({
    sourceMap: false,
  }),
  terser(),
  commonjs(),
];

export default [
  {
    input: "src/on-init.ts",
    output: {
      dir: OUT_DIR,
      format: "iife",
      sourcemap: false,
      name: "app",
    },
    plugins: [
      ...commonPlugins,
      svelte({
        preprocess: sveltePreprocess(),
      }),
      css({ output: "bundle.css" }),
      nodeResolve({
        browser: true,
        dedupe: ["svelte"],
      }),
    ],
  },
  {
    input: "src/on-render.ts",
    output: {
      dir: OUT_DIR,
      format: "iife",
      sourcemap: false,
    },
    plugins: [
      ...commonPlugins,
      nodeResolve({
        browser: true,
      }),
    ],
  },
];