router Code Splitting use import replace require.ensure

This commit is contained in:
Pan 2017-05-29 13:19:05 +08:00
parent 6ff36d82c7
commit 677ef6dbe3

View file

@ -1,64 +1,64 @@
import Vue from 'vue';
import Router from 'vue-router';
/* layout*/
/* layout */
import Layout from '../views/layout/Layout';
// dashboard
const dashboard = resolve => require(['../views/dashboard/index'], resolve);
/* error page*/
const Err404 = resolve => require(['../views/error/404'], resolve);
const Err401 = resolve => require(['../views/error/401'], resolve);
/* login*/
/* login */
import Login from '../views/login/';
import authRedirect from '../views/login/authredirect';
import sendPWD from '../views/login/sendpwd';
import reset from '../views/login/reset';
const authRedirect = () => import('../views/login/authredirect');
const sendPWD = () => import('../views/login/sendpwd');
const reset = () => import('../views/login/reset');
/* Introduction*/
const Introduction = resolve => require(['../views/introduction/index'], resolve);
/* dashboard */
const dashboard = () => import('../views/dashboard/index');
/* components*/
const componentsIndex = resolve => require(['../views/components/index'], resolve);
const Tinymce = resolve => require(['../views/components/tinymce'], resolve);
const Markdown = resolve => require(['../views/components/markdown'], resolve);
const JsonEditor = resolve => require(['../views/components/jsoneditor'], resolve);
const DndList = resolve => require(['../views/components/dndlist'], resolve);
const AvatarUpload = resolve => require(['../views/components/avatarUpload'], resolve);
const Dropzone = resolve => require(['../views/components/dropzone'], resolve);
const Sticky = resolve => require(['../views/components/sticky'], resolve);
const SplitPane = resolve => require(['../views/components/splitpane'], resolve);
const CountTo = resolve => require(['../views/components/countTo'], resolve);
const Mixin = resolve => require(['../views/components/mixin'], resolve);
/* Introduction */
const Introduction = () => import('../views/introduction/index');
/* components */
const componentsIndex = () => import('../views/components/index');
const Tinymce = () => import('../views/components/tinymce');
const Markdown = () => import('../views/components/markdown');
const JsonEditor = () => import('../views/components/jsoneditor');
const DndList = () => import('../views/components/dndlist');
const AvatarUpload = () => import('../views/components/avatarUpload');
const Dropzone = () => import('../views/components/dropzone');
const Sticky = () => import('../views/components/sticky');
const SplitPane = () => import('../views/components/splitpane');
const CountTo = () => import('../views/components/countTo');
const Mixin = () => import('../views/components/mixin');
/* charts*/
const chartIndex = resolve => require(['../views/charts/index'], resolve);
const KeyboardChart = resolve => require(['../views/charts/keyboard'], resolve);
const KeyboardChart2 = resolve => require(['../views/charts/keyboard2'], resolve);
const LineMarker = resolve => require(['../views/charts/line'], resolve);
const MixChart = resolve => require(['../views/charts/mixchart'], resolve);
/* charts */
const chartIndex = () => import('../views/charts/index');
const KeyboardChart = () => import('../views/charts/keyboard');
const KeyboardChart2 = () => import('../views/charts/keyboard2');
const LineMarker = () => import('../views/charts/line');
const MixChart = () => import('../views/charts/mixchart');
/* error log*/
const ErrorLog = resolve => require(['../views/errlog/index'], resolve);
/* error page */
const Err404 = () => import('../views/error/404');
const Err401 = () => import('../views/error/401');
/* excel*/
const ExcelDownload = resolve => require(['../views/excel/index'], resolve);
/* error log */
const ErrorLog = () => import('../views/errlog/index');
/* theme*/
const Theme = resolve => require(['../views/theme/index'], resolve);
/* excel */
const ExcelDownload = () => import('../views/excel/index');
/* theme */
const Theme = () => import('../views/theme/index');
/* example*/
const DynamicTable = resolve => require(['../views/example/dynamictable'], resolve);
const Table = resolve => require(['../views/example/table'], resolve);
const DragTable = resolve => require(['../views/example/dragTable'], resolve);
const InlineEditTable = resolve => require(['../views/example/inlineEditTable'], resolve);
const Form1 = resolve => require(['../views/example/form1'], resolve);
const DynamicTable = () => import('../views/example/dynamictable');
const Table = () => import('../views/example/table');
const DragTable = () => import('../views/example/dragTable');
const InlineEditTable = () => import('../views/example/inlineEditTable');
const Form1 = () => import('../views/example/form1');
/* permission */
const Permission = resolve => require(['../views/permission/index'], resolve);
const Permission = () => import('../views/permission/index');
Vue.use(Router);
@ -69,7 +69,7 @@ Vue.use(Router);
* redirect : if redirect:noredirect will not redirct in the levelbar
* noDropdown : if noDropdown:true will not has submenu
* meta : { role: ['admin'] } will control the page role
*/
**/
export const constantRouterMap = [
{ path: '/login', component: Login, hidden: true },