diff --git a/templates/vue/router/foo.js b/templates/vue/router/foo.js
index 75331420..00dc9349 100644
--- a/templates/vue/router/foo.js
+++ b/templates/vue/router/foo.js
@@ -1,11 +1,22 @@
-import {{{titleUcFirst}}}List from '../components/{{{lc}}}/List';
-import {{{titleUcFirst}}}Create from '../components/{{{lc}}}/Create';
-import {{{titleUcFirst}}}Update from '../components/{{{lc}}}/Update';
-import {{{titleUcFirst}}}Show from '../components/{{{lc}}}/Show';
-
 export default [
-  { name: '{{{titleUcFirst}}}List', path: '/{{{name}}}/', component: {{{titleUcFirst}}}List },
-  { name: '{{{titleUcFirst}}}Create', path: '/{{{name}}}/create', component: {{{titleUcFirst}}}Create },
-  { name: '{{{titleUcFirst}}}Update', path: '/{{{name}}}/edit/:id', component: {{{titleUcFirst}}}Update },
-  { name: '{{{titleUcFirst}}}Show', path: '/{{{name}}}/show/:id', component: {{{titleUcFirst}}}Show },
+  {
+    name: '{{{titleUcFirst}}}List',
+    path: '/{{{name}}}/',
+    component: () => import(/* webpackChunkName: "{{{lc}}}" */ '../components/{{{lc}}}/List'),
+  },
+  {
+    name: '{{{titleUcFirst}}}Create',
+    path: '/{{{name}}}/create',
+    component: () => import(/* webpackChunkName: "{{{lc}}}" */ '../components/{{{lc}}}/Create'),
+  },
+  {
+    name: '{{{titleUcFirst}}}Update',
+    path: '/{{{name}}}/edit/:id',
+    component: () => import(/* webpackChunkName: "{{{lc}}}" */ '../components/{{{lc}}}/Update'),
+  },
+  {
+    name: '{{{titleUcFirst}}}Show',
+    path: '/{{{name}}}/show/:id',
+    component: () => import(/* webpackChunkName: "{{{lc}}}" */ '../components/{{{lc}}}/Show'),
+  },
 ]