vite.config.ts

import { rmSync } from "node:fs"
import { join } from "node:path"
import { defineConfig } from "vite"
import vue from "@vitejs/plugin-vue"
import electron from "vite-plugin-electron"
import renderer from "vite-plugin-electron-renderer"
import pkg from "./package.json"

// https://vitejs.dev/config/
export default defineConfig(({ command }) => {
  rmSync("target", { recursive: true, force: true })

  const isServe = command === "serve"
  const isBuild = command === "build"
  const sourcemap = isServe || !!process.env.VSCODE_DEBUG

  return {
    plugins: [
      vue(),
      electron([
        {
          // Main-Process entry file of the Electron App.
          entry: "app/main/index.ts",
          onstart(options) {
            if (process.env.VSCODE_DEBUG) {
              console.log(
                /* For `.vscode/.debug.script.mjs` */ "[startup] Electron App"
              )
            } else {
              options.startup()
            }
          },
          vite: {
            build: {
              sourcemap,
              minify: isBuild,
              outDir: "target/main",
              rollupOptions: {
                external: Object.keys(
                  "dependencies" in pkg ? pkg.dependencies : {}
                ),
              },
            },
          },
        },
        {
          entry: "app/preload/index.ts",
          onstart(options) {
            // Notify the Renderer-Process to reload the page when the Preload-Scripts build is complete,
            // instead of restarting the entire Electron App.
            options.reload()
          },
          vite: {
            build: {
              target: "modules",
              sourcemap,
              minify: isBuild,
              outDir: "target/preload",
              rollupOptions: {
                external: Object.keys(
                  "dependencies" in pkg ? pkg.dependencies : {}
                ),
                output: {
                  format: "cjs",
                  inlineDynamicImports: true,
                  entryFileNames: `[name].mjs`,
                  chunkFileNames: `[name].mjs`,
                  assetFileNames: "[name].[ext]",
                },
              },
            },
          },
        },
      ]),
      // Use Node.js API in the Renderer-process
      renderer({}),
    ],
    resolve: {
      alias: {
        "@renderer": join(__dirname, "app/renderer"),
        "@shared": join(__dirname, "app/shared"),
        "@main": join(__dirname, "app/main"),
      },
    },
    build: {
      outDir: "target/renderer",
      rollupOptions: {
        input: {
          "index-page": "index.html",
          "secord-page": "secord.html",
        },
      },
    },
    server: process.env.VSCODE_DEBUG
      ? (() => {
          const url = new URL(pkg.debug.env.VITE_DEV_SERVER_URL)
          return {
            host: url.hostname,
            port: +url.port,
          }
        })()
      : undefined,
    clearScreen: false,
  }
})