Preventing Vite from CSS code splitting

Author: tommerty

src/routes/__root.tsx

@@ -7,9 +7,9 @@ import {
 	Scripts,
 } from "@tanstack/react-router";
 import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools";
-import appCss from "@/styles.css?url";
 import TanStackQueryDevtools from "../integrations/tanstack-query/devtools";
 import { defaultSEO, seo } from "../utils/seo";
+import appCss from "../styles.css?url";
 
 interface MyRouterContext {
 	queryClient: QueryClient;

vite.config.ts

@@ -30,6 +30,14 @@ const config = defineConfig({
   ssr: {
     external: ['@vercel/og', 'satori', 'yoga-wasm-web'],
   },
+  build: {
+    cssCodeSplit: false,
+    rollupOptions: {
+      output: {
+        manualChunks: undefined,
+      },
+    },
+  },
 })
 
 export default config