我爲何要升級到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帶來的改變吧！