Vue路由懶加載（解決首頁加載過慢）

Vue-router+webpack配合
在路由中
const aaa = () => import(/*webpackChunkName : 「隨便名字」*/  「@/view/index即路徑」)	
webpackcName同樣的會打包到同一文件中
const bbb= () => import(/*webpackChunkName : 「隨便名字」*/  「@/view/index即路徑」)	
export default new Router({
router : [{
path : 「/」,
name : 「aaa」,
component:aaa
},
{
path : 「/」,
name : 「bbb」,
component:bbb
}
]})
或者直接把路由寫成resolve
routers = [
{ path: '/', name: 'index', component: (resolve) => require(['./views/index.vue'], resolve) } ]


第三種
const Index = r => require.ensure([], () => r(require('./views/index')), 'group-home');
const routers = [ { path: '/', name: 'index', component: Index } ]


group-home是能夠將多個組件都放到一個組裏




在webpack.base,conf.js文件中的output配置chunkFileName,即最終打包的名字
複製代碼