天天看點

Ionic 懶加載

Ionic 新出了一個懶加載,貌似挺不錯的東西,能省不少事情。。。。。。。。。

建立一個ionic的blank(空模闆) 項目:ionic start 項目名 blank

本來應該是這樣的:

Ionic 懶加載

。剛建立下來的項目,沒有自動的懶加載,是以需要自己弄。

一: 既然需要懶加載,那app.module.ts 裡面除了MyApp這個頁面,其他的都給删掉

二:你需要用ionic 建立一個頁面,建議用ionic 指令建這個頁面(ionic g page 頁面名稱) ,因為用ionic 建立的時候,

      他不僅僅給你建立了一個html 頁面,還給你附帶的建立了他的module.ts(懶加載必用),scss以及ts,非常友善。

      如果非要自己一個一個檔案檔案的建立,那也可以。

三:打開app.component.ts 這個檔案,應該是

Ionic 懶加載

這樣的。現在把rootPage: any = HomePage 改成你自己的頁面,怎麼改呢?剛才不是讓你建立一個自己的頁面了嗎?比如你建立的頁面叫Login(ionic g page Login) , 然後直接改,rootPage: any = "LoginPage" 看見嗎?這是本來應該是一個像HomePage 一樣的元件,但是用懶加載後,這時隻需要“HomePage” 這樣寫字元串,就行了。

四:去試試