Angular5.2到6.1升級(jí)的示例分析

這篇文章主要介紹了Angular5.2到6.1升級(jí)的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在前面的文章中也曾經(jīng)分別提到過(guò)，angular6由于存在一些稍大的變化，所以不能像Angular4到Angular5那樣基本無(wú)感地進(jìn)行升級(jí)，這里結(jié)合官方提示，簡(jiǎn)單整理一下Angular5.2到目前穩(wěn)定的6.1的升級(jí)要點(diǎn)。

事前準(zhǔn)備

變更內(nèi)容

除此之外，還需要確認(rèn)如下內(nèi)容：

• tsconfig.json: preserveWhitespaces設(shè)定為off（v6缺省設(shè)定）

• package.json中scripts的使用，所有的cli命令統(tǒng)一使用兩個(gè)橫線–傳入?yún)?shù)（POSIX規(guī)范）

• ngModelChange行為發(fā)生變化，請(qǐng)確認(rèn)使用相關(guān)方式，升級(jí)后動(dòng)作是否正常。

• Typescript使用strict模式的情況下（tsconfig.json的strict被設(shè)定為true時(shí)）,更新tsconfig.json使strictPropertyInitialization無(wú)效，或者在ngOnInit中移除屬性的初期化

更新

更新cli

• Node版本確認(rèn)：Node8及其以上

• 更新本地和全局的angular cli

• 修改配置文件angular.json

可以使用如下命令實(shí)現(xiàn)：

sudo npm install -g @angular/cli@6.1.5
npm install @angular/cli@6.1.5
ng update @angular/cli

更新angular framework

更新Angular framework到v6，以及相應(yīng)的RxJS和TypeScript版本
ng update @angular/core

更新Angular Material

ng update @angular/material

更新其他package

ng update

rxjs的修改

rxjs可以使用rxjs-compat模式進(jìn)行兼容，對(duì)應(yīng)完畢之后，再移除即可。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Angular5.2到6.1升級(jí)的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!