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 相关文章推荐
jQuery 扩展对input的一些操作方法
Oct 30 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
Jul 15 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 Javascript
JS+CSS实现的拖动分页效果实例
May 11 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
jQuery实现鼠标拖动图片功能
Mar 04 jQuery
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
php 文件缓存函数
2011/10/08 PHP
让PHP更快的提供文件下载的代码
2012/06/13 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
PHP响应post请求上传文件的方法
2015/12/17 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
PHP模块化安装教程
2016/06/01 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
php封装一个异常的处理类
2017/06/08 PHP
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
Javascript倒计时页面跳转实例小结
2013/09/11 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
微信小程序 教程之注册程序
2016/10/17 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
使用node-media-server搭建一个简易的流媒体服务器
2021/01/20 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
python操作字典类型的常用方法(推荐)
2016/05/16 Python
Python函数式编程
2017/07/20 Python
在NumPy中创建空数组/矩阵的方法
2018/06/15 Python
彻底理解Python中的yield关键字
2019/04/01 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
pytorch 模拟关系拟合——回归实例
2020/01/14 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
英国网上超市:Ocado
2020/03/05 全球购物
幼儿园教师工作总结2015
2015/04/02 职场文书
教师节班会主持词
2015/07/06 职场文书
如何写新闻稿
2015/07/18 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
ant design vue的form表单取值方法
2022/06/01 Vue.js