vite.config.js

Rama main · réplica de lectura del repositorio original.

import { cpSync, existsSync, readdirSync, readFileSync, unlinkSync, writeFileSync } from "node:fs";
import { join } from "node:path";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

const STATIC_COPY_TARGETS = [
  { src: "ui/sw.js", dest: "dist/sw.js" },
];

const API_TARGET = process.env.VITE_API_TARGET || "http://localhost:8888";

export default defineConfig({
  root: "ui",
  build: {
    outDir: "../dist",
    emptyOutDir: true,
    // xterm/jsQRを別チャンクに切り出した後の残りメインバンドルは gzip後 ~200kB。
    // 単一ページのdevツールとして許容範囲のため、警告閾値のみ引き上げる。
    chunkSizeWarningLimit: 700,
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (id.includes("@xterm/")) return "xterm";
        },
      },
    },
  },
  plugins: [
    vue(),
    {
      // MDI フォントは @mdi/font の CSS が eot/ttf/woff/woff2 全部を src に並べているため
      // Vite が 4 種類すべてを bundle してしまう（合計 ~3.5MB）。woff2 は iOS 12+ / Chrome /
      // Firefox / Edge で対応済みなので、woff2 以外を削除して CSS の参照も剥がす。
      name: "strip-legacy-font-formats",
      apply: "build",
      closeBundle() {
        const distAssets = "dist/assets";
        if (!existsSync(distAssets)) return;
        for (const name of readdirSync(distAssets)) {
          if (name.endsWith(".css")) {
            const fp = join(distAssets, name);
            let css = readFileSync(fp, "utf-8");
            // @font-face 内の url(....eot|ttf|woff) を含む src フラグメントを除去。
            const stripped = css.replace(
              /url\([^)]+\.(?:eot|ttf|woff)(?:\?[^)]*)?\)\s*format\([^)]+\)\s*,?\s*/g,
              "",
            ).replace(/,\s*;/g, ";");
            if (stripped !== css) writeFileSync(fp, stripped);
          } else if (/\.(eot|ttf|woff)$/.test(name)) {
            try { unlinkSync(join(distAssets, name)); } catch { /* noop */ }
          }
        }
      },
    },
    {
      name: "copy-static",
      closeBundle() {
        for (const { src, dest } of STATIC_COPY_TARGETS) {
          if (existsSync(src)) {
            cpSync(src, dest, { recursive: true });
          }
        }
      },
    },
  ],
  server: {
    host: "0.0.0.0",
    proxy: {
      "/auth": API_TARGET,
      "/run": API_TARGET,
      "/workspaces": API_TARGET,
      "/github": API_TARGET,
      "/terminal": { target: API_TARGET, ws: true },
      "/upload-image": API_TARGET,
      "/system": API_TARGET,
      "/settings": API_TARGET,
      "/icons": API_TARGET,
    },
  },
});