WEB前端三大主流框架之一:Angular 11.0.0 于光棍节后正式发布。这次版本更新包括了框架、CLI及其他组件,内容不少,废话不多说,直接上干货。
首先,比较受大家关注的两点就是:
1、Angular 11.0.0 将放弃对TypeScript 3.9的支持,转而升级到 TypeScript 4.0。
2、Angular 11.0.0 放弃了对 IE 9 、10 和IE移动版的支持。IE11是目前唯一一个仍由Angular支持的IE版本。
其余的更新信息,根据Angular官方博客上的描述,主要有以下几点:
(1) 更新 Operation Byelog(Updates on Operation Byelog)
对社区提出的问题进行了分类处理,并保证对那些新提出的问题在两周之内进行处理,在这个过程中解决了一些有关 router 和 forms 的热门问题。后续计划改善社区的支持以便更好的解决问题,也同时改进接收社区捐款的流程。
(2) 字体自动内联(Automatic Inlining of Fonts)
在编译期间,Angular CLI 将自动下载字体,并关联到相关应用中,使得应用程序更快速。
(3) 组件测试套件 (Component Test Harnesses)
在 Angular v9 中,增加了开发人员可在测试期间使用支持的 API 与 Angular Material 组件交互的方法。在 Angular 11 中,现在所有组件都可以使用该方法进行测试。同时还对这些组件进行了性能改进和增加了新的API接口,允许开发人员进行多个组件的并行交互。
(4) 改进系统报告和日志(Improved Reporting and Logging)
对构建器阶段报告进行了更改,使其在开发过程中更加有用。同时引入了新的 CLI 输出更新,以使日志和报告更容易阅读。
(5) 更新语言服务预览(Updated Language Service Preview)
语言服务从当前的基于视图引擎逐渐转变 , 更新后的语言服务为开发人员提供了更强大、更准确的体验。这项更新后续会有更完整的提升。
(6) 更新热模块替换(HMR)支持(Updated Hot Module Replacement (HMR) Support)
在 Angular 11 中,允许在启动应用程序时启动HMR,用以下命令就可以执行:
$ ng serve --hmr
在开发过程中,对组件、模板和样式的最新更改也将立即更新到正在运行的应用程序中。
(7) 更快的构建速度(Faster Builds)
使用 TypeScript v4.0之后让编译变得更快速。安装依赖项时,ngcc 更新过程也将提高 2-4倍的速度。
(8) 试验性支持webpack 5(Experimental webpack 5 Support)
可以选择试用 webpack 5。要在项目中启用它,请将以下部分添加到 package.json 文件,增加以下参数:
"resolutions": {"webpack": "5.4.0"}
目前还需谨慎使用
(9) 代码检测工具迁移(Linting):
代码检测工具将从 TSLint 迁移到 ESLint。在 Angular 11 中,将彻底弃用 TSLint 和 Codelyzer 。
(10) 其他更新:
删除了部分不推荐使用的API。
如果想了解更多具体的信息,可以直接上官网查看或者查看更多的变更日志,访问地址如下:
https://www.angular.cn/
https://github.com/angular/angular/blob/master/CHANGELOG.md
如果你想现在就尝试下新版本,升级到 Angular 11.0.0 ,可以执行以下命令:
ng update @angular/cli @angular/core
你是不是已经用上了最新的版本呢?
使用过程中你有哪些感觉?欢迎留言讨!