From d467e040d51ce1f8d2bf050d729677b6dd99cb96 Mon Sep 17 00:00:00 2001
From: Brian Mathews <brian.mathews@formidable.com>
Date: Sat, 22 Feb 2020 01:39:36 -0800
Subject: [PATCH] Invalidate cache for link[preload] in dev for CSS files
 (#10630)

Co-authored-by: Joe Haddad <timer150@gmail.com>
---
 packages/next/pages/_document.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/next/pages/_document.tsx b/packages/next/pages/_document.tsx
index 5d63deda249b857..f094406f21fe474 100644
--- a/packages/next/pages/_document.tsx
+++ b/packages/next/pages/_document.tsx
@@ -186,6 +186,7 @@ export class Head extends Component<
 
   getCssLinks(): JSX.Element[] | null {
     const { assetPrefix, files } = this.context._documentProps
+    const { _devOnlyInvalidateCacheQueryString } = this.context
     const cssFiles =
       files && files.length ? files.filter(f => /\.css$/.test(f)) : []
 
@@ -196,7 +197,9 @@ export class Head extends Component<
           key={`${file}-preload`}
           nonce={this.props.nonce}
           rel="preload"
-          href={`${assetPrefix}/_next/${encodeURI(file)}`}
+          href={`${assetPrefix}/_next/${encodeURI(
+            file
+          )}${_devOnlyInvalidateCacheQueryString}`}
           as="style"
           crossOrigin={this.props.crossOrigin || process.crossOrigin}
         />,
@@ -204,7 +207,9 @@ export class Head extends Component<
           key={file}
           nonce={this.props.nonce}
           rel="stylesheet"
-          href={`${assetPrefix}/_next/${encodeURI(file)}`}
+          href={`${assetPrefix}/_next/${encodeURI(
+            file
+          )}${_devOnlyInvalidateCacheQueryString}`}
           crossOrigin={this.props.crossOrigin || process.crossOrigin}
         />
       )