fix(build): ensure consistent chunk id for async chunks

yyx990803 · yyx990803 · commit db2636151c30 · 2018-07-26T16:40:31.000-04:00
close vuejs#1916
diff --git a/packages/@vue/cli-service/lib/config/app.js b/packages/@vue/cli-service/lib/config/app.js
@@ -72,6 +72,18 @@ module.exports = (api, options) => {
         // matter anyway
         chunksSortMode: 'none'
       })
+
+      // keep chunk ids stable so async chunks have consistent hash (#1916)
+      webpackConfig
+        .plugin('named-chunks')
+          .use(require('webpack/lib/NamedChunksPlugin'), [chunk => {
+            if (chunk.name) {
+              return chunk.name
+            }
+            return `chunk-` + Array.from(chunk.modulesIterable, m => {
+              return m.id
+            }).join('_')
+          }])
     }
 
     // resolve HTML file(s)
diff --git a/packages/@vue/cli-service/lib/config/prod.js b/packages/@vue/cli-service/lib/config/prod.js
@@ -19,7 +19,9 @@ module.exports = (api, options) => {
       // keep module.id stable when vendor modules does not change
       webpackConfig
         .plugin('hash-module-ids')
-          .use(require('webpack/lib/HashedModuleIdsPlugin'))
+          .use(require('webpack/lib/HashedModuleIdsPlugin'), [{
+            hashDigest: 'hex'
+          }])
 
       // disable optimization during tests to speed things up
       if (process.env.VUE_CLI_TEST) {
