diff --git a/lib/app/App.vue b/lib/app/App.vue
index f1a3546e4d..8198ef9553 100644
--- a/lib/app/App.vue
+++ b/lib/app/App.vue
@@ -12,7 +12,7 @@ let layouts = {
 <%
 var layoutsKeys = Object.keys(layouts);
 layoutsKeys.forEach(function (key, i) { %>
-  "_<%= key %>": () => import('<%= layouts[key] %>')<%= (i + 1) < layoutsKeys.length ? ',' : '' %>
+  "_<%= key %>": () => import('<%= layouts[key] %>'  /* webpackChunkName: "layouts/<%= key %>" */)<%= (i + 1) < layoutsKeys.length ? ',' : '' %>
 <% }) %>
 }
 
diff --git a/lib/app/router.js b/lib/app/router.js
index 17cc6fb5f9..6e37b462e9 100644
--- a/lib/app/router.js
+++ b/lib/app/router.js
@@ -10,7 +10,7 @@ function recursiveRoutes(routes, tab, components) {
   var res = ''
   routes.forEach((route, i) => {
     route._name = '_' + hash(route.component)
-    components.push({ _name: route._name, component: route.component })
+    components.push({ _name: route._name, component: route.component, name: route.name })
     res += tab + '{\n'
     res += tab + '\tpath: ' + JSON.stringify(route.path) + ',\n'
     res += tab + '\tcomponent: ' + route._name
@@ -23,7 +23,7 @@ function recursiveRoutes(routes, tab, components) {
 var _components = []
 var _routes = recursiveRoutes(router.routes, '\t\t', _components)
 uniqBy(_components, '_name').forEach((route) => { %>
-const <%= route._name %> = () => import('<%= route.component %>')
+const <%= route._name %> = () => import('<%= route.component %>' /* webpackChunkName: "pages/<%= route.name %>" */)
 <% }) %>
 
 <% if (router.scrollBehavior) { %>