rollup.config.js

import resolve from "@rollup/plugin-node-resolve";
import { readdirSync } from "fs";
import { join as joinPath, resolve as resolvePath } from "path";
import postcss from "rollup-plugin-postcss";
import { terser } from "rollup-plugin-terser";

const jsRootDir = resolvePath(__dirname, "templates", "assets", "js");
const lessRootDir = resolvePath(__dirname, "templates", "assets", "css");
const jsFiles = readdirSync(jsRootDir).filter((file) => file.endsWith(".js"));
const lessFiles = readdirSync(lessRootDir).filter((file) =>
  file.endsWith(".less")
);

const jsConfig = jsFiles.map((file) => ({
  input: joinPath(jsRootDir, file),
  output: {
    file: joinPath(jsRootDir, "min", file.replace(".js", ".min.js")),
    format: "iife",
  },
  plugins: [resolve(), terser()],
  treeshake: false,
}));

const lessConfig = lessFiles.map((file) => ({
  input: joinPath(lessRootDir, file),
  output: {
    file: joinPath(lessRootDir, "min", file.replace(".less", ".min.css")),
  },
  plugins: [
    postcss({
      extract: true,
      minimize: true,
      extensions: [".less"],
      use: [["less", { javascriptEnabled: true }]],
    }),
  ],
}));

export default [...jsConfig, ...lessConfig];