create-vanjs/template-node-ssr-jsx/vite.config.js

🍦 Quick tool for scaffolding your first VanJS project

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

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

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