vite.config.ts

import { cloudflare } from "@cloudflare/vite-plugin";
import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  plugins: [
    cloudflare({
      viteEnvironment: { name: "ssr" },
    }),
    tailwindcss(),
    reactRouter(),
    tsconfigPaths(),
    {
      // https://github.com/cloudflare/workers-sdk/issues/8909#issuecomment-3401112596
      name: "cloudflare-vite-plugin-fix",
      configEnvironment(name, config) {
        const isDevelopment =
          process.env.npm_lifecycle_script?.endsWith("react-router dev");
        if (name === "ssr" && !isDevelopment) {
          delete config.dev;
        }
      },
    },
  ],
  ssr: {
    noExternal: [/^sanity($|\/)/, /^@sanity\//, "styled-components"],
  },
});