Move inlined webpack manifest to the end of body element (#3519)

szimek · KyleAMathews · commit 2d370998b9a7 · 2018-01-15T08:16:20.000-08:00
diff --git a/packages/gatsby/cache-dir/static-entry.js b/packages/gatsby/cache-dir/static-entry.js
@@ -137,19 +137,6 @@ module.exports = (locals, callback) => {
     bodyHtml,
   })
 
-  // Add the chunk-manifest as a head component.
-  const chunkManifest = require(`!raw!../public/chunk-manifest.json`)
-
-  headComponents.unshift(
-    <script
-      id="webpack-manifest"
-      key="webpack-manifest"
-      dangerouslySetInnerHTML={{
-        __html: `/*<![CDATA[*/window.webpackManifest=${chunkManifest}/*]]>*/`,
-      }}
-    />
-  )
-
   let stats
   try {
     stats = require(`../public/stats.json`)
@@ -208,6 +195,19 @@ module.exports = (locals, callback) => {
     />
   )
 
+  // Add the chunk-manifest at the end of body element.
+  const chunkManifest = require(`!raw!../public/chunk-manifest.json`)
+
+  postBodyComponents.unshift(
+    <script
+      id="webpack-manifest"
+      key="webpack-manifest"
+      dangerouslySetInnerHTML={{
+        __html: `/*<![CDATA[*/window.webpackManifest=${chunkManifest}/*]]>*/`,
+      }}
+    />
+  )
+
   const html = `<!DOCTYPE html>${renderToStaticMarkup(
     <Html
       {...bodyProps}
