Make dynamic import support to work with HMR.

arunoda · arunoda · commit 358cfb3a297f · 2017-04-27T12:41:02.000-07:00
diff --git a/server/build/plugins/dynamic-chunks-plugin.js b/server/build/plugins/dynamic-chunks-plugin.js
@@ -26,6 +26,12 @@ export default class PagesPlugin {
           source: () => newContent,
           size: () => newContent.length
         }
+
+        // This is to support, webpack dynamic import support with HMR
+        compilation.assets[`chunks/${chunk.id}`] = {
+          source: () => newContent,
+          size: () => newContent.length
+        }
       })
       callback()
     })
diff --git a/server/index.js b/server/index.js
@@ -106,6 +106,12 @@ export default class Server {
         await this.serveStatic(req, res, p)
       },
 
+      // This is to support, webpack dynamic import support with HMR
+      '/_next/webpack/:id': async (req, res, params) => {
+        const p = join(this.dir, '.next', 'chunks', params.id)
+        await this.serveStatic(req, res, p)
+      },
+
       '/_next/:hash/manifest.js': async (req, res, params) => {
         this.handleBuildHash('manifest.js', params.hash, res)
         const p = join(this.dir, `${this.dist}/manifest.js`)
