Angular5升级至6

发表于 2018-05-05 更新于 2023-09-02 阅读次数：本文字数： 649 阅读时长 ≈ 1 分钟

Angular 6.0.0已正式发布，开心，当然这已逾期一个月，开源项目似乎好多都如此，比如ionicv4，so,理解下。
之前了解过v6,据说，体积，性能及功能都有提升，所以便快速跟进了下，这里粗略记录。

升级项目

具体升级在官网建议获取指南，https://update.angular.io/

以下为我的项目升级前后包版本变化对比

实际升级并不只是package几个版本的改动，注意因为rxjs6变化较大，废除了一些操作符，所以关于rxjs要走官方升级工具来做省事些。

1 2	$ npm install -g rxjs-tslint $ rxjs-5-to-6-migrate -p src/tsconfig.app.json

但是比如执行上述成功后，实际上还是有部分代码需要我们手动自己去修改，否则就会报错比如这里的一个操作符修改。

1	Property 'map' does not exist on type 'Observable<Response>'

升级成功后，对打包速度，打包体积及WEB运行性能进行了对比，情况如下

对比发现体积上的确是比原来小了些，但并不多，大小减小在10%以内，当然不同项目依赖不同会有出入。打包速度上，我这里似乎还慢了。。。性能上可以看出加载速度及脚本执行速度有些许提升。
总之都不明显。。。

当然这些都建立在还没有开启ivy,这个缺省是不开启的，期待Angular及相关三方组件再发展一段时间，再搞，建议现在别玩ivy，还早。