在vue的路由中配置
const router = new Router({
routes: [
{
path: "/home",
component: () => import(/* webpackChunkName: "home" */'@/views/home'),
meta: { type: '首頁(yè)' }
}
],
});
Vue中運(yùn)用import的懶加載語(yǔ)句以及webpack的魔法注釋只搁，在項(xiàng)目進(jìn)行webpack打包的時(shí)候张肾，對(duì)不同模塊進(jìn)行代碼分割集晚，在首屏加載時(shí)敦间，用到哪個(gè)模塊再加載哪個(gè)模塊炸渡，實(shí)現(xiàn)懶加載進(jìn)行頁(yè)面的優(yōu)化亏狰。
