Invalidate cache for link[preload] in dev for CSS files (#10630)

Co-authored-by: Joe Haddad <timer150@gmail.com>
vercel · Feb 22, 2020 · d467e04 · d467e04
1 parent 89c792f
commit d467e04
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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,15 +197,19 @@ 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}
         />,
         <link
           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}
         />
       )