optimize deps

2026-03-20 15:23:21 -07:00
parent 5cc4acab38
commit a2d06a7d95
3 changed files with 34 additions and 8 deletions
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -0,0 +1,16 @@
+import { Head, Html, Main, NextScript } from "next/document";
+import globalCss from "~/styles/globals.css?raw";
+
+export default function Document() {
+  return (
+    <Html>
+      <Head>
+        <style dangerouslySetInnerHTML={{ __html: globalCss }} />
+      </Head>
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,19 +2,28 @@ import { cloudflare } from "@cloudflare/vite-plugin";
 import { defineConfig } from "vite";
 import vinext from "vinext";

+const reactOptimizeDeps = [
+  "react",
+  "react-dom",
+  "react-dom/client",
+  "react-dom/server.edge",
+  "react/jsx-dev-runtime",
+  "react/jsx-runtime",
+];
+
 export default defineConfig({
  plugins: [vinext(), cloudflare()],
  resolve: {
    tsconfigPaths: true,
  },
  optimizeDeps: {
-    include: [
-      "react",
-      "react-dom",
-      "react-dom/client",
-      "react-dom/server.edge",
-      "react/jsx-dev-runtime",
-      "react/jsx-runtime",
-    ],
+    include: reactOptimizeDeps,
+  },
+  environments: {
+    vinext_boilerplate: {
+      optimizeDeps: {
+        include: reactOptimizeDeps,
+      },
+    },
  },
 });