feat: reuse existing style elements in dev (#12678)

vitejs · Apr 5, 2023 · 3a41bd8 · 3a41bd8
1 parent 3b912fb
commit 3a41bd8
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
@@ -363,6 +363,13 @@ function waitForWindowShow() {
 }
 
 const sheetsMap = new Map<string, HTMLStyleElement>()
+
+// collect existing style elements 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