Merge pull request #1235 from preactjs/fix-firefox-preloading

preactjs · Jun 29, 2020 · cf2caec · cf2caec
2 parents c97cd66 + 96dad6e
commit cf2caec
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/cli/lib/lib/webpack/webpack-client-config.js b/packages/cli/lib/lib/webpack/webpack-client-config.js
@@ -276,7 +276,7 @@ function isProd(config) {
 	if (config['inline-css']) {
 		prodConfig.plugins.push(
 			new CrittersPlugin({
-				preload: 'swap',
+				preload: 'media',
 				pruneSource: false,
 				logLevel: 'silent',
 				additionalStylesheets: ['*.css'],

diff --git a/packages/cli/tests/images/build.js b/packages/cli/tests/images/build.js
@@ -67,7 +67,7 @@ exports.prerender.heads.home = `
 	<link rel="apple-touch-icon" href=\\"\\/assets\\/icons\\/apple-touch-icon\\.png\\">
 	<link rel="manifest" href="\\/manifest\\.json">
 	<style>html{padding:0}<\\/style>
-	<link href=\\"/bundle.\\w{5}.css\\" rel=\\"preload\\" as=\\"style\\" onload=\\"this.rel='stylesheet'\\">
+	<link href=\\"/bundle.\\w{5}.css\\" rel=\\"stylesheet\\" media=\\"only x\\" onload=\\"this.media='all'\\">
 	<noscript>
     <link rel=\\"stylesheet\\" href=\\"\\/bundle.\\w{5}.css\\">
   </noscript>
@@ -84,7 +84,7 @@ exports.prerender.heads.route66 = `
 	<link rel="apple-touch-icon" href=\\"\\/assets\\/icons\\/apple-touch-icon\\.png\\">
 	<link rel="manifest" href="\\/manifest\\.json">
 	<style>html{padding:0}<\\/style>
-	<link href=\\"/bundle.\\w{5}.css\\" rel=\\"preload\\" as=\\"style\\" onload=\\"this.rel='stylesheet'\\">
+	<link href=\\"/bundle.\\w{5}.css\\" rel=\\"stylesheet\\" media=\\"only x\\" onload=\\"this.media='all'\\">
 	<noscript>
     <link rel=\\"stylesheet\\" href=\\"\\/bundle.\\w{5}.css\\">
   </noscript>
@@ -101,7 +101,7 @@ exports.prerender.heads.custom = `
 	<link rel="apple-touch-icon" href=\\"\\/assets\\/icons\\/apple-touch-icon\\.png\\">
 	<link rel="manifest" href="\\/manifest\\.json">
 	<style>html{padding:0}<\\/style>
-	<link href=\\"/bundle.\\w{5}.css\\" rel=\\"preload\\" as=\\"style\\" onload=\\"this.rel='stylesheet'\\">
+	<link href=\\"/bundle.\\w{5}.css\\" rel=\\"stylesheet\\" media=\\"only x\\" onload=\\"this.media='all'\\">
 	<noscript>
     <link rel=\\"stylesheet\\" href=\\"\\/bundle.\\w{5}.css\\">
   </noscript>
@@ -123,7 +123,7 @@ exports.preload.head = `
 	<link rel=\\"preload\\" href=\\"\\/route-home\\.chunk\\.\\w{5}\\.js\\" as=\\"script\\">
 	<link rel=\\"preload\\" href=\\"\\/route-home\\.chunk\\.\\w{5}\\.css\\" as=\\"style\\">
 	<style>html{padding:0}<\\/style>
-	<link href=\\"\\/bundle\\.\\w{5}\\.css\\" rel=\\"preload\\" as=\\"style\\" onload=\\"this.rel='stylesheet'\\">
+	<link href=\\"\\/bundle\\.\\w{5}\\.css\\" rel=\\"stylesheet\\" media=\\"only x\\" onload=\\"this.media='all'\\">
 	<noscript>
     <link rel=\\"stylesheet\\" href=\\"\\/bundle.\\w{5}.css\\">
   </noscript>