Angular v11已发布!我们整理了关于新功能的信息

最近,Angular的最新版本11已正式发布。在本文中,我们希望介绍Angular v11进行了哪些更新,包括新功能等。

Angular v11的发布信息:现在可以使用Angular的版本11了。

对 Angular 团队的社区做出贡献

在之前公开的路线图中,Angular团队宣布将投入大量资源来处理仍未解决的问题和拉取请求,但现在有报告称所有问题和拉取请求的优先级和对应关系已全部确定完毕。此外,他们还宣布将在两周内对新的问题和拉取请求进行优先级排序和对应处理,因此我们可以期待Angular团队将继续致力于社区的发展。

提高运行时性能

字体的自动内联化

通过在编译时下载并将应用程序使用的字体内联,Angular CLI 可以加快初始加载速度。在 Angular v11 中,此功能默认为启用状态。
该功能是 Angular CLI 团队在“消除渲染阻塞请求”项目中的部分,目前只能内联 Google Fonts,但预计将来可以内联更多的 CSS。

以下的文章中介绍了如何消除阻塞渲染请求。
Angular:消除阻塞渲染请求的概述。

提高开发经验和开发生产力

所有的 Angular Material 组件都支持组件测试工具。

Angular v9新增的组件测试工具(称为Component Test Harnesses,用于测试组件的API)已经支持所有的Angular Material组件。
使用组件测试工具可以提高测试的稳定性、可靠性和可读性等方面的期望。

使用 Angular Material 的组件测试工具来测试您的组件!这篇文章中,我们同时解释了使用组件测试工具和不使用组件测试工具的代码,以便您更容易地理解两者的区别。

改善 CLI 的日志和报告

CLI的日志和报告的外观已经通过与即将到来的webpack 5相匹配的方式进行了改善,使其更易于阅读。
以下是在Angular v10和Angular v11中比较构建报告的结果。

Image from Gyazo

无需设置即可使用热模块替换(HMR)。

热模块替换(HMR)是由webpack提供的功能,在开发过程中,无需刷新整个页面,能够将模块的更改应用到浏览器中的机制。使用HMR,可以在开发过程中保持表单输入的值和滚动位置等状态。在过去,为了使用HMR,需要进行额外的代码编写,但在Angular v11中,只需使用以下命令即可使用HMR。

使用热模块替换启动Angular服务器

提高构建速度

・安装依赖关系时,ngcc 更新过程的速度提高了 2 到 4 倍。
・通过 TypeScript v4.0 来提升编译速度。(Angular v11 仅支持 TypeScript v4.0)

对于实验性的 webpack 5 的支持

我们现在可以试验性地尝试使用尚未正式支持的 Webpack 5 功能。
通过使用 Webpack 5,我们可以实现以下几点:

・通过磁盘缓存提高差异构建的速度
・通过对CommonJS进行树摇以减小捆绑包的大小

当前测试此功能时需要注意使用yarn。

只能期望这样的效果。

对于迁移到ESLint的支持

根据消息,Angular v12已将TSLint设为不推荐使用的默认工具,并计划将来不再提供默认的代码检查工具。为了使用户更容易地迁移到开源的ESLint,Angular社区正在与ESLint合作进行适配工作。

关于将Angular CLI项目从Codelyzer和TSLint迁移到ESLint的方法,请参考以下官方文档。

其他的更改 no henkō)

支持的浏览器

IE9/IE10和IE移动版的支持已完全终止。
至于IE11,预计将成为可选支持,并有可能在不久的将来被移出支持范围。

不推荐功能和API的更新

以下的功能已被移除或更新为包含在非推荐列表中的API等。
如需详细信息,请参考以下官方文档。

此外,版本11中的变更和弃用内容已经整理在以下官方文档中。

要升级到 Angular v11。

请参考以下的更新指南,并进行更新。
Angular 更新指南

另外,请参考我们公司博客中的以下文章,以获得有关“进行更新以确保安全”的部分内容。与Angular框架和Angular之旅的使用方法。

Ignite UI for Angular支持Angular v11。

Ignite UI for Angular已经发布了与Angular v11兼容的版本11的Ignite UI for Angular。当您升级从10系到11系时,请注意以下几点,并在考虑升级时,请查看以下文档并根据适用内容对项目进行更改。

如果从10.2.x升级到11.0.x

另外,Angular的Ignite UI也可以在试用版本上进行试用。
要使用试用版本,请在以下链接页面上创建一个帐户。您将享受注册后的30天内,我们公司的技术支持服务,如有任何问题,请随时联系我们。
https://iam.infragistics.com/Account/Register

有关Angular的更新的咨询

如果您对Google Angular Framework和Ignite UI for Angular的版本升级有任何问题或疑问,请随时通过以下询问页面与我们联系:https://jp.infragistics.com/about-us/contact-us

其他信息来源

・Angular现已推出11版本
・版本11中的更改和弃用项
・ng-japan OnAir vol.29 “Angular v11发布!”

广告
将在 10 秒后关闭
bannerAds