vite.config.ts

import { globSync } from "glob";
import { defineConfig } from "vite";
import { fileURLToPath } from "url";
import path from "path";
import PurgeIcons from 'vite-plugin-purge-icons';

const THEME_BASE = "/themes/theme-sakura";
const ASSETS_BASE = `/assets/dist/`;

export default ({ mode }: { mode: string }) => {
  return defineConfig({
    plugins: [
      PurgeIcons({
        content: [
          './templates/*/*.html',
        ],
      })
    ],
    base: THEME_BASE + ASSETS_BASE,
    build: {
      outDir: "templates" + ASSETS_BASE,
      minify: mode === 'development' ? false : true,
      rollupOptions: {
        input: Object.fromEntries(
          globSync(["src/main.ts", "src/libs/**/*.*", "src/page/**/*.*"]).map((file) => [
            path.relative("src", file.slice(0, file.length - path.extname(file).length)),
            fileURLToPath(new URL(file, import.meta.url)),
          ])
        ),
        output: {
          format: "es",
          entryFileNames: "[name].min.js",
          assetFileNames: (assetInfo) => {
            if (assetInfo.name && assetInfo.name.endsWith(".css")) {
              return "css/[name].min.[ext]";
            }
            return "[name].min.[ext]";
          },
        },
      },
      sourcemap: false,
      chunkSizeWarningLimit: 1024
    },
  });
};