diff --git a/lib/app/router.js b/lib/app/router.js
index 8087634ff..eb3192fff 100644
--- a/lib/app/router.js
+++ b/lib/app/router.js
@@ -8,7 +8,7 @@ function recursiveRoutes(routes, tab, components) {
   let res = ''
   routes.forEach((route, i) => {
     route._name = '_' + hash(route.component)
-    components.push({ _name: route._name, component: route.component, name: route.name })
+    components.push({ _name: route._name, component: route.component, name: route.name, chunkName: route.chunkName })
     res += tab + '{\n'
     res += tab + '\tpath: ' + JSON.stringify(route.path) + ',\n'
     res += tab + '\tcomponent: ' + route._name
@@ -20,7 +20,7 @@ function recursiveRoutes(routes, tab, components) {
 }
 const _components = []
 const _routes = recursiveRoutes(router.routes, '\t\t', _components)
-uniqBy(_components, '_name').forEach((route) => { %>const <%= route._name %> = () => import('<%= relativeToBuild(route.component) %>' /* webpackChunkName: "<%= wChunk('pages/' + route.name) %>" */).then(m => m.default || m)
+uniqBy(_components, '_name').forEach((route) => { %>const <%= route._name %> = () => import('<%= relativeToBuild(route.component) %>' /* webpackChunkName: "<%= wChunk('pages/' + route.chunkName) %>" */).then(m => m.default || m)
 <% }) %>
 
 <% if (router.scrollBehavior) { %>
diff --git a/lib/common/utils.js b/lib/common/utils.js
index 8fe5f4e19..20f03007e 100644
--- a/lib/common/utils.js
+++ b/lib/common/utils.js
@@ -216,6 +216,7 @@ export function createRoutes (files, srcDir) {
     keys.forEach((key, i) => {
       route.name = route.name ? route.name + '-' + key.replace('_', '') : key.replace('_', '')
       route.name += (key === '_') ? 'all' : ''
+      route.chunkName = route.name
       let child = _.find(parent, { name: route.name })
       if (child) {
         if (!child.children) {