rollup.config.mjs

import ts from "rollup-plugin-typescript2";
import babel from "rollup-plugin-babel";
import commonjs from "rollup-plugin-commonjs";
import alias from "@rollup/plugin-alias";
import { resolve } from "path";
import { fileURLToPath } from "url";
import { nodeResolve } from "@rollup/plugin-node-resolve";
import { defineConfig } from "rollup";
import { terser } from "rollup-plugin-terser";
import postcss from "rollup-plugin-postcss";
import autoprefixer from "autoprefixer";
import px2rem from "postcss-pxtorem";

const extensions = [".ts", ".less"];

export default defineConfig([
  {
    input: "./src/index.ts",
    output: [
      {
        file: "./dist/player.cjs.js",
        format: "cjs",
      },
      {
        file: "./dist/player.min.cjs.js",
        format: "cjs",
        plugins: [terser()],
      },
      {
        file: "./dist/player.esm.js",
        format: "esm",
      },
      {
        file: "./dist/player.min.esm.js",
        format: "esm",
        plugins: [terser()],
      },
      {
        file: "./dist/player.umd.js",
        format: "umd",
        name: "Player",
      },
      {
        file: "./dist/player.min.umd.js",
        format: "umd",
        name: "Player",
        plugins: [terser()],
      },
    ],
    plugins: [
      ts(),
      nodeResolve({
        extensions,
      }),
      babel(),
      commonjs(),
      postcss({
        plugins: [
          autoprefixer(),
          px2rem({
            rootValue: 16,
            propList: [
              "margin-left",
              "min-width",
              "height",
              "font-size",
              "bottom",
              "width",
              "padding",
              "transform",
            ],
          }),
        ],
        extract: "css/index.css",
      }),
      alias({
        entries: [
          {
            find: "@",
            replacement: resolve(fileURLToPath(import.meta.url), "src"),
          },
        ],
      }),
    ],
  },
]);