create-vanjs/template-node-ssr-ts/vite.config.ts

🍦 Quick tool for scaffolding your first VanJS project

import { defineConfig, type Plugin } from "vite";
import vanjs from "vite-plugin-vanjs";
import vanSVG from "vite-vanjs-svg";
import tailwind from "@tailwindcss/vite";

export function isomorphicApi(): Plugin {
  return {
    name: "isomorphic-api",
    enforce: "pre",
    resolveId(id: string) {
      if (id === "@/api") {
        return id;
      }
      return null;
    },
    load(id: string, ops) {
      if (id === "@/api") {
        if (ops?.ssr) {
          return `export * from "/src/api/server.ts";`;
        } else {
          return `export * from "/src/api/index.ts";`;
        }
      }
      return null;
    },
  };
}

export default defineConfig({
  plugins: [
    isomorphicApi(),
    vanjs(),
    vanSVG(),
    tailwind(),
  ],
});