今天刚接了一个神奇的项目,用的是vue脚手架工具
然后运行项目启动要3分钟的样子,最糟糕的修改的时候更新短则3到4分钟,慢则5-6分钟
然后原因是因为一个项目里有好多子项目,在路由那块配置了好多路由块,
一个块里面有好十几个路由,我也不知道那些人是怎么过来的,
我用了下require.ensure去加载路由,但是效果也不好,还是很慢,请问下这种问题要怎么解决,
不然一按保存就要等下几分钟,简单神精病
import bizCar from './bizCar.js'
import ticketBook from './ticketBook.js';
import travelApply from './travelApply.js';
import feeApply from './feeApply.js';
import cashApply from './cashApply.js';
import travelReimburse from './travelReimburse.js';
import feeReimburse from './feeReimburse.js';
import myBills from './myBills.js';
import expenseRecord from './expenseRecord.js';
import approve from './approve.js';
import walletFolder from './walletFolder.js';
import mine from './mine.js';
import myInvoice from './myInvoice.js';
const index = resolve => require(['../components/index'], resolve);
const login = resolve => require(['../components/login/login'], resolve);//统一登录组件
const example = resolve => require(['../components/example'], resolve);
/*路由配置*/
const routes = [
{
name: 'index',
path: '/',
component: index
},
{
name: 'login',
path: '/login',
component: login
},
bizCar,
approve,
ticketBook,
travelReimburse,
travelApply,
feeApply,
cashApply,
myBills,
walletFolder,
expenseRecord,
myInvoice,
mine,
feeReimburse,
{
path: '/example',component: example
}
]
export default routes
路由懒加载的锅,你可以参考下这篇文章手摸手,带你用vue撸后台说到的处理方法。(文章开头就有提。)