懶加載
在需要的時(shí)候進(jìn)行加載铸董。
webpack支持的異步加載方法
1灭贷、比較常見危队，支持性良好
resolve => require([URL], resolve)
2聪建、需要配合babel的syntax-dynamic-import插件使用
() => import(URL)
3、已逐漸廢棄茫陆，不推薦
() => system.import(URL)
路由懶加載
方式一
import Vue from 'vue'
import Router from 'vue-router'
const Index = resolve => require(['@/views/Index'], resolve)
Vue.use(Router)
const router = new Router({
mode: 'history',
routes: [{
path: '/',
name: 'index',
component: Index,
}]
})
export default router
方式二
import Vue from 'vue'
import Router from 'vue-router'
const Index = () => import('@/views/Index')
Vue.use(Router)
const router = new Router({
mode: 'history',
routes: [{
path: '/',
name: 'index',
component: Index,
}]
})
export default router
