什么什么？Angular4都發(fā)布了，之前不都才Angular2的么？又要推翻重來，??？
那當然不是，Angular4只是一個版本號而已，本質上還是Angular2；以后，谷歌把新版本的Angualr稱為Angular，而之前的1.x版本叫做AngularJs1.x。
其實過它發(fā)布已經(jīng)很長一段時間了，一直沒有時間做這些事情，難得五一假，對吧，嘻嘻。
Angular4的更新內(nèi)容大致包括以下幾個方面。
1.更小、更快
新的版本下，打包的文件將更小，運行也更快。
2.AngularUniversal
AngularUniversal也就是在服務器端渲染Angular
3.TypeScript2.1,2.2的支持
最近TypeScript的發(fā)展也是非?？?，其中也有Angular的原因，新版本總是會有一些新的東西或改進。
4.Animation模塊
從4.x版本開始，animation不再是@angular/core里面的一部分，它被移到單獨的模塊@angular/animations里
Angular更新還增加了一些語法增強，不過具體內(nèi)容就讀者自己去看了。本文講講解如何從Angular2.X升級到Angular4.X。如果你不是使用Angular-cli生成的項目，那么接下來的內(nèi)容也不用繼續(xù)看了，你可以直接使用原來的方式對Angualr4進行依賴的升級與打包。
Angular-cli進行了一次更新，也就是說，以前的Angular-cli在之后的某一段時間點將不再獲得支持，所以，能遷移的盡快遷移吧。我們的更新分為以下幾個步驟
1.卸載以前的Angular-cli 工具
npm uninstall angular-cli
npm cache clean
2.安裝新的cli工具
npm install -g @angular/cli
筆者這里經(jīng)過了一次比較長時間的編譯，如果遇到這種情況，請耐心等待。
3.更新到最新的Angular版本和最新的依賴
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
這個比較快
4.修改Angular-cli.json的環(huán)境依賴
在json文件中找到以下內(nèi)容
"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
替換為
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
執(zhí)行了以上內(nèi)容之后，我們就可以正常使用我們的新項目了。使用ng serve或者ng start就可以啟動原來的項目。
Angular4原則上是兼容Angular2的，這也是官方的說法。我自己的項目可以正常運行，如果有讀者在使用過程中發(fā)現(xiàn)什么問題，可以在github上面尋求幫助，或者我們一起探討。
最后還是貼上更細過后項目運行的截圖吧
