A vite plugin to run a callback anytime `vite serve` is stopped. Use case: Ensure the build folder is always up to date.

vite.config.ts

import { defineConfig } from "vite";
import { runAfterServe } from "./vite.runAfterServe.ts";
import { execSync } from "child_process";

export default defineConfig(async ({ mode }) => {
  return {
    plugins: [
      runAfterServe(() => {
        execSync("pnpm run build");
      }),
    ],
  };
});

vite.runAfterServe.ts

import { Plugin, ResolvedConfig } from "vite";
import { exit } from "process";

type Callback = (config: ResolvedConfig) => void;

/**
 * Automatically run a callback each time `vite` or `vite serve` is stopped
 */
export function runAfterServe(callback: Callback): Plugin {
  let resolvedConfig: ResolvedConfig;
  let exitHandlersBound = false;

  return {
    name: "buildAfterServe",
    apply: "serve",
    configResolved(config) {
      resolvedConfig = config;
    },
    configureServer() {
      if (exitHandlersBound) {
        return;
      }

      process.on("exit", () => callback(resolvedConfig));
      process.on("SIGINT", () => exit());
      process.on("SIGTERM", () => exit());
      process.on("SIGHUP", () => exit());

      exitHandlersBound = true;
    },
  };
}