Angular(5.2->6.1)升级小结
- 作者: x你夏了我的夏天
- 来源: 51数据库
- 2020-08-09
今天小编就为大家分享一篇关于Angular(5.2->6.1)升级小结，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
在前面的文章中也曾经分别提到过，angular6由于存在一些稍大的变化，所以不能像Angular4到Angular5那样基本无感地进行升级，这里结合官方提示，简单整理一下Angular5.2到目前稳定的6.1的升级要点。
事前准备
变更内容
除此之外，还需要确认如下内容：
- tsconfig.json: preserveWhitespaces设定为off（v6缺省设定）
- package.json中scripts的使用，所有的cli命令统一使用两个横线–传入参数（POSIX规范）
- ngModelChange行为发生变化，请确认使用相关方式，升级后动作是否正常。
- Typescript使用strict模式的情况下（tsconfig.json的strict被设定为true时）,更新tsconfig.json使strictPropertyInitialization无效，或者在ngOnInit中移除属性的初期化
更新
更新cli
- Node版本确认：Node8及其以上
- 更新本地和全局的angular cli
- 修改配置文件angular.json
可以使用如下命令实现：
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，以及相应的RxJS和TypeScript版本
ng update @angular/core
更新Angular Material
ng update @angular/material
更新其他package
ng update
rxjs的修改
rxjs可以使用rxjs-compat模式进行兼容，对应完毕之后，再移除即可。
关于http和rxjs的使用详细的变化的使用，前面的几篇文章中有所提到，这里不再赘述。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果你想了解更多相关内容请查看下面相关链接
推荐阅读
热点文章
Angular中响应式表单的三种更新值方法详析
7
Angularjs实现下拉框联动的示例代码
7
详解AngularJS跨页面传值（ui-router）
2
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
3
angular2路由切换改变页面title的示例代码
4
Angular2 组件间通过@Input @Output通讯示例
5
Angularjs中ng-repeat的简单实例
3
AngularJS 中ui-view传参的实例详解
4
浅谈Angular路由守卫
4
详解基于Angular4+ server render(服务端渲染)开发教程
4
