From e484a55ca3c0b80babab47c227d7321a6bc6ddd7 Mon Sep 17 00:00:00 2001
From: meteorlxy <meteor.lxy@foxmail.com>
Date: Sat, 10 Dec 2022 15:33:34 +0800
Subject: [PATCH] fix(bundler-webpack): avoid duplicated style preload

---
 .../bundler-webpack/src/build/renderPagePrefetchLinks.ts   | 2 +-
 packages/bundler-webpack/src/build/renderPageStyles.ts     | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/bundler-webpack/src/build/renderPagePrefetchLinks.ts b/packages/bundler-webpack/src/build/renderPagePrefetchLinks.ts
index 1052bfe498..297d9258d9 100644
--- a/packages/bundler-webpack/src/build/renderPagePrefetchLinks.ts
+++ b/packages/bundler-webpack/src/build/renderPagePrefetchLinks.ts
@@ -32,7 +32,7 @@ export const renderPagePrefetchLinks = ({
       if (shouldPrefetch !== true && !shouldPrefetch(file, type)) {
         return ''
       }
-      return `<link rel="prefetch" href="${app.options.base}${file}" as="${type}" />`
+      return `<link rel="prefetch" href="${app.options.base}${file}" as="${type}">`
     })
     .join('')
 }
diff --git a/packages/bundler-webpack/src/build/renderPageStyles.ts b/packages/bundler-webpack/src/build/renderPageStyles.ts
index 9494483cb9..138ed99099 100644
--- a/packages/bundler-webpack/src/build/renderPageStyles.ts
+++ b/packages/bundler-webpack/src/build/renderPageStyles.ts
@@ -17,8 +17,7 @@ export const renderPageStyles = ({
   // notice here we put async CSS files after initial CSS files
   [...initialFilesMeta, ...pageClientFilesMeta]
     .filter(({ type }) => type === 'style')
-    .flatMap(({ file }) => [
-      `<link rel="preload" href="${app.options.base}${file}" as="style" />`,
-      `<link rel="stylesheet" href="${app.options.base}${file}" />`,
-    ])
+    .map(
+      ({ file }) => `<link rel="stylesheet" href="${app.options.base}${file}">`
+    )
     .join('')