ionic3项目懒加载配置

配置懒加载需要以下步骤：1.为需要懒加载的页面配置module.ts；2、在对应页面的.ts文件中添加@IonicPage()特性；3.移除app.module.ts中的页面引用；4.使用延迟加载；5、懒加载运行效果图；1、配置module.ts配置about.module.ts、contact.module.ts、home.module.ts、tabs.module.tsabout.module。tsimport{NgModule}from'@angular/core';import{IonicPageModule}from'ionic-angular';import{AboutPage}from'./about';@NgModule({declarations:[AboutPage,],imports:[IonicPageModule.forChild(AboutPage),],})exportclassAboutPageModule{}配置完成后目录如下2、添加@IonicPage()特性以about.ts为例，在@Component上面添加@IonicPage(),以及其他需要延迟加载的页面也需要配置3.去掉app.module.ts中的页面引用；4.使用延迟加载使用延迟加载只需要将前面的页面名称用引号括起来，相应的不需要在最上面importtabs.tsimport{IonicPage}from'ionic-angular';import{组件}来自'@angular/core';@IonicPage()@Component({templateUrl:'tabs.html'})exportclassTabsPage{tab1Root='HomePage';tab2Root='联系页面';tab3Root='关于页面';constructor(){}}注意：当一个页面使用延迟加载时，没有找到错误，原因是标签中添加了双引号tab2Root="Abo页面";