Angular4-lazyload懶加載

在Angular4中實(shí)現(xiàn)懶加載html、js、css等資源。利用Angular CLI實(shí)現(xiàn)懶加載,通過loadChildren以兩種方式加載module。

Angular CLI版本為 1.1.0.

about文件夾下是通過在router中以loadChildren: ' ../about/about.module#AboutModule'的方式。

contact文件夾下是:定義contact的module并導(dǎo)出module,在routing中首先定義函數(shù):export function loadBundledModule() { return ContactModule; } 在router中引用component: HelloComponent,實(shí)現(xiàn)加載module。

文件目錄結(jié)構(gòu)


git項(xiàng)目地址:angular4-lazyload。

注意:需要童鞋們對Angular4有一定的了解。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容