ionic3 懒加载
更新时间：2017年08月16日 10:21:32 作者：♥卿
这篇文章主要介绍了ionic3 懒加载的相关资料,需要的朋友可以参考下
ionic3 默认使用了懒加载技术，相较以前预加载的版本，ionic3构建的app在首页加载时间上有较大的优化，但是，ionic3默认每个页面都会对应一个模块，对于页面较多，但是每个模块都很小的应用可能并不怎么合理。于是，尝试将几个小模块合并为几个大的模块。
1. 一个模块对应一个页面：
默认状态下每个页面都会对应一个模块，如果项目之中的页面比较多那么最后构建的项目中的将会看到有很多的 js 。
原setting.module.ts
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
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,
],
imports: [
IonicPageModule.forChild(SettingPage),
//将两个子页面模块引入
UserPasswordPageModule,
UsernamePageModule,
],
entryComponents: [
SettingPage,
]
})
export class SettingPageModule {}
总结
以上所述是小编给大家介绍的ionic3 懒加载，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了JavaScript常见事件处理程序,结合实例形式总结分析了javascript HTML事件、DOM事件、IE事件等相关处理程序与操作技巧,需要的朋友可以参考下2019-01-01
下面通过两个方面给大家介绍js代码防止sql注入的方法，非常简单实用，感兴趣的朋友参考下吧2016-04-04
如何在Web页面上直接打开、编辑、创建Office文档...2007-03-03
这篇文章主要介绍了javascript得到当前页的来路即前一页地址的方法,需要的朋友可以参考下2014-02-02
这篇文章主要为大家详细介绍了微信小程序实现拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
这篇文章主要介绍了JavaScript本地储存:localStorage、sessionStorage、cookie的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
我的js类jdhcn.js中的一个flashDebug方法2009-01-01
这篇文章主要给大家介绍了关于微信小程序使用wxParse解析html的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-07-07
这篇文章主要介绍了swtich／if...else的替代语句的相关资料,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了Bootstrap表单的基础知识，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论