ionic3默认使用了懒加载技术,相较以前预加载的版本,ionic3构建的应用在首页加载时间上有较大的优化,但是,ionic3默认每个页面都会对应一个模块,对于页面较多,但是每个模块都很小的应用可能并不怎么合理。于是,尝试将几个小模块合并为几个大的模块。
<强> 1。一个模块对应一个页面:强>
默认状态下每个页面都会对应一个模块,如果项目之中的页面比较多那么最后构建的项目中的将会看到有很多的js。
原setting.module.ts
从“@angular进口{NgModule}/核心”; 从“ionic-angular”进口{IonicPageModule}; 从“进口{SettingPage}。/设置”; @NgModule ({ 声明:[ SettingPage, ), 进口:[ IonicPageModule.forChild (SettingPage), ), entryComponents:( SettingPage, ] }) 出口类SettingPageModule {}
<强> 2。一个模块对应多个页面强>
修改后的setting.module.ts
从“@angular进口{NgModule}/核心”; 从“ionic-angular”进口{IonicPageModule}; 从“进口{SettingPage}。/设置”; 从“进口{UserPasswordPageModule}。/用户密码/user-password.module”; 从“进口{UsernamePageModule}。/用户名/username.module”; @NgModule ({ 声明:[ SettingPage, ), 进口:[ IonicPageModule.forChild (SettingPage),//将两个子页面模块引入 UserPasswordPageModule, UsernamePageModule, ), entryComponents:( SettingPage, ] }) 出口类SettingPageModule {}
以上所述是小编给大家介绍的ionic3懒加载,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!