博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
我为什么要升级到Ionic3
阅读量:6701 次
发布时间:2019-06-25

本文共 1099 字,大约阅读时间需要 3 分钟。

2017年4月5日 ionic3正式发布了,对于从ionic2 rc版本开始用的我也进行了这次升级并且平稳运行在项目上,在我看来升级ionic3是很有必要的

Ionic3带来的新特性

  • Angular 4.0

    新的版本下,改进 AOT 编译器,分离 animations 包,缩小生成后的代码量,运行更快,改进 ngIf 和 ngFor 等具体内容可以访问来查看。

  • typescript 2.1, 2.2的支持

    这一次的更新将提升typescript应用构建和类型检查的速度并且引入了对mix-in的支持等具体可以访问来查看。

  • @IonicPage装饰器

    ionic2中导航器不是基于url的,如果想使用url访问就要通过DeepLinker来实现,这是非常麻烦的,而在新版本我们可以通过@IonicPage装饰器来实现。并且可以更轻松的在项目中设置延迟加载,设置延迟加载页面的优先级,并为每个页面自定义配置。

  • 懒加载

    Ionic3.0版本开始,支持了延迟加载,我们可以将某些模块设置为延时加载,只有用户打开相关的页面的时候,这个模块所在的js才会被下载,这样能减少用户初次下载的文件的大小。

总的来说,升级Ionic3将使我们的项目变得更小,更快,而更吸引我的则是懒加载,不仅仅是加快了app首次的启动时间,更多的是配合上@IonicPage可以非常方便部署web版本,让每次进入不用去请求庞大的js文件,做到首屏的快速加载,write once run anywhere,这些就是我升级Ionic3的原因。

怎样升级到Ionic3

  1. 首先访问复制package.jsondependenciesdevDependencies到自己的项目中后删除掉原本的node_modules文件夹,运行npm install重新下载依赖。

  2. 将BrowserModule加入你的app/app.module.ts import { BrowserModule } from '@angular/platform-browser';

  3. 在app.module.ts中将BrowserModule添加进imports中。

    imports: [ BrowserModule, IonicModule.forRoot(MyApp) ],

  4. 由于ionic3将ionic-native拆开成个各种小的包@ionic-native/*,splash-screenstatus-bar等之前ionic-native中的模块都需要重新引入具体可以参照来对号入座。

最后运行ionic serve开始享受ionic3带来的改变吧!

转载地址:http://lpwlo.baihongyu.com/

你可能感兴趣的文章
二叉树
查看>>
996其实是个“蝗虫问题”
查看>>
1月11日云栖精选夜读:阿里安全资深专家杭特谈安全圈之“怪现状”
查看>>
vim中文乱码
查看>>
[译] Swift:通过示例避免内存泄漏
查看>>
创赛平台有哪些
查看>>
巧用伪元素解决fixed元素被百度浏览器屏蔽问题
查看>>
[北京][10-30K] 上过 Apple WWDC,被 Google I/O 推荐的 iHealth(中国)"职"等你!
查看>>
Flume将 kafka 中的数据转存到 HDFS 中
查看>>
SpringBoot | SpringBoot 是如何实现日志的?
查看>>
书写一个管理平台开发常用的通用table组件
查看>>
Xcode 9 快速跳转到定义新姿势(Jump to Definition)
查看>>
js 当数值过大相减精度丢失的一个思路
查看>>
Java杂谈
查看>>
java 现成网站源码 SSM 框架 freemaker静态引擎 springmvc
查看>>
Mac下 Ubuntu 16 04 配置http、https
查看>>
使用docker搭建gitlab以及ci平台,完整版本(使用springboot项目演示)
查看>>
前端基础25:jQuery的一些常用方法
查看>>
Django搭建个人博客:用户的注册
查看>>
正则表达解析 Markdown 语法
查看>>