Vite Plugin: configureServer

plugin.ts

import type { PluginOption } from "vite";

export function plugin(): PluginOption {
  return {
    name: "example",
    configureServer(server) {
      // Log all requests
      server.middlewares.use((req, _res, next) => {
        console.log(req.url);         // full path
        next();
      });

      // Log specific requests
      server.middlewares.use("/subfolder", (req, _res, next) => {
        console.log(req.originalUrl); // full path
        console.log(req.url);         // subpath inside subfolder
        next();
      });

      // Simulate emitFile
      server.middlewares.use("/example.txt", (req, res) => {
        console.log(req.url);
        res.end("HELLO WORLD");
      });

      // Ensure virtual paths call Vite hooks:
      // https://bsky.app/profile/wildpeaks.fr/post/3lgqkd27kkk2s
      // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-Fetch-Dest
      server.middlewares.use("/virtual.fake", (req, _res, next) => {
        req.headers["sec-fetch-dest"] = "script";
        next();
      });
    }
  };
}