rollup.config.js

import babel from "@rollup/plugin-babel";
import commonjs from "@rollup/plugin-commonjs";
import json from "@rollup/plugin-json";
import nodeResolve from "@rollup/plugin-node-resolve";
import serve from "rollup-plugin-serve";
import { terser } from "rollup-plugin-terser";
import typescript from "rollup-plugin-typescript2";
import visualizer from "rollup-plugin-visualizer";

const dev = process.env.ROLLUP_WATCH;

const serveopts = {
  contentBase: ["./dist"],
  host: "0.0.0.0",
  port: 5000,
  allowCrossOrigin: true,
  headers: {
    "Access-Control-Allow-Origin": "*",
  },
};

const plugins = [
  nodeResolve({}),
  commonjs(),
  typescript(),
  json(),
  babel({
    exclude: "node_modules/**",
  }),
  dev && serve(serveopts),
  !dev && terser(),
  visualizer(),
];

export default [
  {
    input: "src/zigzag-panel.ts",
    output: {
      dir: "dist",
      format: "es",
    },
    plugins: [...plugins],
  },
  {
    input: "src/zigzag-card.ts",
    output: {
      dir: "dist",
      format: "es",
    },
    plugins: [...plugins],
  },
];