ionic3实现异步配置懒加载

懒加载实现步骤：

1.增(module.ts)，2.编(ts文件里增加@IonicPage())，3删(移除import引用，然后改成引号)。

创建一个新的ionic工程(ionic start app tabs)

项目目录如下：

1.在需要懒加载的页面创建一个新文件：名字.module.ts。如图所示

在每个module.ts内容都是一样的，例如about页面

home.module.ts 【和about是不是都一样，其他也是这样的】

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { HomePage } from './home';
@NgModule({
    declarations: [
        HomePage,
    ],
    imports: [
        IonicPageModule.forChild(HomePage),
    ],
})
export class HomePageModule { }

2. module文件配置完成之后，需要在懒加载文件的.ts文件配置@IonicPage

以home.ts为例子

about.ts

import { Component } from '@angular/core';
import { NavController,IonicPage } from 'ionic-angular';
@IonicPage()
@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {
  constructor(public navCtrl: NavController) {
  }
}

3. 基本上已经配置完成了，剩下的就是删除在app.module.ts的引用

如果想使用懒加载，只需要将之前的页面名字用引号引起来即可，对应的也不需要在顶部进行import导入

【切记，懒加载不需要import，用引号！！！】

以tabs.ts为例子

当然也不用忘记我们在app.component中的跟路由懒加载

此时ionic的懒加载就实现了~~，运行一下看看效果吧~。