快捷導(dǎo)航

Angular2平滑升級到Angular4的步驟詳解

更新時(shí)間：2017年03月29日 09:03:30 投稿：daisy

最近Angular項(xiàng)目組終于發(fā)布了新版——正式版 Angular 4.0.0。所以想著就來嘗試下升級，記錄下整個(gè)升級過程分享給大家，所以這篇文章主要介紹了Angular2升級到Angular4的詳細(xì)步驟，需要的朋友可以參考下。

前言

Angular4終于在兩天前發(fā)布了正式版本，那么怎么升級呢?其實(shí)Angular2和Angular4之間屬于平滑過渡，并不像1和2之間顛覆性的重寫代碼。

Angular4現(xiàn)已發(fā)布 http://chabaoo.cn/article/109685.htm

為什么跳過Angular 3？

根據(jù)Angular團(tuán)隊(duì)首席開發(fā)Igor Minar的說法：隨著Angular 2的發(fā)布，Angular團(tuán)隊(duì)引入了語義化版本控制規(guī)范，即：將語義化版本用三組數(shù)字來表示，按照major.minor.patch的順序排列，如2.3.1。

Patch版本每周發(fā)布，通常只修復(fù)問題，不加入新的功能。Minor版本每月發(fā)布，加入一些新的功能，但相對舊版本來說沒有太大更改。Major版本每半年發(fā)布一次，加入一些新功能，并可能帶來一些重大更改。

之前最新的Angular router版本號是3.3.0，而其它模塊的版本號是2.2.0，由于版本號不同步，團(tuán)隊(duì)計(jì)劃將其同步，直接采用4.0.0作為新版的版本號。

由于Angular團(tuán)隊(duì)計(jì)劃每半年發(fā)布一個(gè)主要（Major）版本，因此按計(jì)劃Angular 5將于2017年9月發(fā)布。

升級過程

使用npm-check方案升級使用如下命令檢查,并按下空格來選擇要升級的包

npm-check -u

官方推薦

升級cli

 npm uninstall -g @angular/cli
 npm cache clean
 npm install -g @angular/cli@latest

 rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
 npm install --save-dev @angular/cli@latest

升級包

 // linux/mac
 npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save
 // Windows
 npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

更換一些其他包