feat: reuse existing style elements in dev

vitejs · Apr 1, 2023 · d355e59 · d355e59
1 parent 15177a1
commit d355e59
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/vite/src/client/client.ts b/packages/vite/src/client/client.ts
@@ -333,6 +333,13 @@ async function waitForSuccessfulPing(
 }
 
 const sheetsMap = new Map<string, HTMLStyleElement>()
+
+// collect existing style tags that may have been inserted during SSR
+// to avoid FOUC or duplicate styles
+document.querySelectorAll('style[data-vite-dev-id]').forEach((el) => {
+  sheetsMap.set(el.getAttribute('data-vite-dev-id')!, el as HTMLStyleElement)
+})
+
 // all css imports should be inserted at the same position
 // because after build it will be a single css file
 let lastInsertedStyle: HTMLStyleElement | undefined