賦予Angular 全新的生命力:Angular 6 終於正式釋出! | angular 4保哥
期待的一刻終於來臨,Angular6終於在今天正式釋出。這個版本帶來非常多新玩意,同時又不會對現有Angular開發者帶來衝擊,這就是Angular生態圈最為人津津樂道的部分。本篇文章就讓我來細說這次Angular6的全新改變吧! 666 這一版也是我跟幾位Angular好友間俗稱的666版本,因為所有Angular周遭的開發工具也全部都改成6.0.0版,例如Angular核心套件(@angular/core,@angular/common,@angular/compiler,...etc.)、AngularCLI、AngularMaterial+CDK等等。而且從v6版開始,所有Angular相關工具的Major版本都會開...
期待的一刻終於來臨,Angular 6 終於在今天正式釋出。這個版本帶來非常多新玩意,同時又不會對現有 Angular 開發者帶來衝擊,這就是 Angular 生態圈最為人津津樂道的部分。本篇文章就讓我來細說這次 Angular 6 的全新改變吧!
666這一版也是我跟幾位 Angular 好友間俗稱的 666 版本,因為所有 Angular 周遭的開發工具也全部都改成 6.0.0 版,例如 Angular 核心套件 (@angular/core, @angular/common, @angular/compiler, ... etc.)、Angular CLI、Angular Material + CDK 等等。而且從 v6 版開始,所有 Angular 相關工具的 Major 版本都會開始同步,但是 Minor 與 Patch 版本還是會依據不同套件分別更新。完整的變更紀錄請參見 Angular[1]、Material+CDK[2]、CLI[3] 的 Release Notes。
ng update這版的更新幅度相當大,不過你只要執行 ng update 就會全自動將專案相依套件一併升級完成,各位不要誤以為他只有更新 package.json 的版號而已,他還會修改你專案中的程式碼,直接調整為全新的寫法,讓你的 Angular 應用程式效能立即提升,封裝部署的 JavaScript 檔案大小也會大幅降低。不只這樣,執行 ng update --all 還會遞迴尋找每個 npm 套件中是否有透過 Schematics[4] 實作 ng update 命令,有的話就會一併執行更新,實在感動到痛哭流涕!
想知道 ng update 如何運作,可以參考 how the [5]ng update[6] command works[7] 文章。當然,你也可以自己實作 ng update 命令!
ng add全新的 ng add <package> 命令,也可以將全新的 Angula...