Ionic3 組件懶加載

使用懶加載能夠減少程序啟動時間，減少打包后的體積，而且可以很方便的使用路由的功能。

使用懶加載：

右側紅色區域可以省略掉（引用、聲明也刪掉）

 

若使用ionic命令新建page，則無需進行下面的操作，否則進行下面的操作：

新建文件：home.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { LoginPage } from './login';

@NgModule({
  declarations: [
    LoginPage,
  ],
  imports: [
    IonicPageModule.forChild(LoginPage),
  ],
  exports: [
    LoginPage
  ]
})
export class LoginPageModule {}

組件類加上紅色區域代碼：

 使用懶加載會報錯：

 解決方法：調用組件的地方，使用組件字符串

例如：