fix: link tag with media prop

closes vitejs#6748
pd4d10 · Feb 4, 2022 · bae30d7 · bae30d7
1 parent 104bdb5
commit bae30d7
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/vite/src/node/plugins/html.ts b/packages/vite/src/node/plugins/html.ts
@@ -322,7 +322,13 @@ export function buildHtmlPlugin(config: ResolvedConfig): Plugin {
                 // assetsUrl may be encodeURI
                 const url = decodeURI(p.value.content)
                 if (!isExcludedUrl(url)) {
-                  if (node.tag === 'link' && isCSSRequest(url)) {
+                  if (
+                    node.tag === 'link' &&
+                    isCSSRequest(url) &&
+                    // should not be converted if media attribute is present
+                    // see #6748
+                    !node.props.some((p) => p.name === 'media')
+                  ) {
                     // CSS references, convert to import
                     js += `\nimport ${JSON.stringify(url)}`
                     shouldRemove = true