ionic3 懒加载


Posted in Javascript onAugust 16, 2017

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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
javascript数组的扩展实现代码集合
Jun 01 Javascript
javascript面向对象编程(一) 实例代码
Jun 25 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
AngularJS 过滤器的简单实例
Jul 27 Javascript
vue-router路由简单案例介绍
Feb 21 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
Vue中用JSON实现刷新界面不影响倒计时
Oct 26 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 Vue.js
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 #Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 #Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
Aug 16 #Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
Aug 16 #Javascript
vue实现留言板todolist功能
Aug 16 #Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
Aug 16 #Javascript
vue的事件绑定与方法详解
Aug 16 #Javascript
You might like
推荐Discuz!5的PHP代码高亮显示与实现可运行代码
2007/03/15 PHP
Java中final关键字详解
2015/08/10 PHP
PHP翻页跳转功能实现方法
2020/11/30 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
javascript options属性集合操作代码
2009/12/28 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
Javascript之String对象详解
2016/06/08 Javascript
JS实现复制功能
2017/03/01 Javascript
jquery仿京东商品放大浏览页面
2017/06/06 jQuery
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
代码详解Vuejs响应式原理
2017/12/20 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
Python数据结构之Array用法实例
2014/10/09 Python
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
Python实现的最近最少使用算法
2015/07/10 Python
python基础之包的导入和__init__.py的介绍
2018/01/08 Python
Linux下python3.6.1环境配置教程
2018/09/26 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
党员公开承诺书范文
2014/03/25 职场文书
综治宣传月活动总结
2014/04/28 职场文书
乡党委干部党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
镇党委书记群众路线整改措施思想汇报
2014/10/13 职场文书
革命电影观后感
2015/06/18 职场文书
实验心得体会范文
2016/01/25 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
品牌形象定位,全面分析
2019/07/23 职场文书