ionic3 默认使用了懒加载技术,相较以前预加载的版本,ionic3构建的app在首页加载时间上有较大的优化,但是,ionic3默认每个页面都会对应一个模块,对于页面较多,但是每个模块都很小的应用可能并不怎么合理。于是,尝试将几个小模块合并为几个大的模块。
1. 一个模块对应一个页面:
默认状态下每个页面都会对应一个模块,如果项目之中的页面比较多那么最后构建的项目中的将会看到有很多的 js 。
原setting.module.ts
rush:js;">
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SettingPage } from './setting';
@NgModule({
declarations: [
SettingPage,],imports: [
IonicPageModule.forChild(SettingPage),entryComponents: [
SettingPage,]
})
export class SettingPageModule {}
2. 一个模块对应多个页面
修改后的setting.module.ts
rush:js;">
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SettingPage } from './setting';
import {UserPasswordPageModule} from "./user-password/user-password.module";
import {UsernamePageModule} from "./username/username.module";
@NgModule({
declarations: [
SettingPage,//将两个子页面模块引入
UserPasswordPageModule,UsernamePageModule,]
})
export class SettingPageModule {}
总结
以上所述是小编给大家介绍的ionic3 懒加载。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。