我为何要升级到Ionic3

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

Ionic3带来的新特性

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

• typescript 2.1, 2.2的支持
  这一次的更新将提高typescript应用构建和类型检查的速度而且引入了对mix-in的支持等具体能够访问TypeScript release notes来查看。

• @IonicPage装饰器
  ionic2中导航器不是基于url的，若是想使用url访问就要经过DeepLinker来实现，这是很是麻烦的，而在新版本咱们能够经过@IonicPage装饰器来实现。而且能够更轻松的在项目中设置延迟加载，设置延迟加载页面的优先级，并为每一个页面自定义配置。

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

总的来讲，升级Ionic3将使咱们的项目变得更小，更快，而更吸引个人则是懒加载，不单单是加快了app首次的启动时间，更多的是配合上@IonicPage能够很是方便部署web版本，让每次进入不用去请求庞大的js文件，作到首屏的快速加载，write once run anywhere，这些就是我升级Ionic3的缘由。

怎样升级到Ionic3

1. 首先访问ionic-app-base复制package.json的dependencies和devDependencies到本身的项目中后删除掉本来的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-screen，status-bar等以前ionic-native中的模块都须要从新引入具体能够参照http://ionicframework.com/doc...来对号入座。

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