10 月 23 - 25 日,QCon 上海站即将召开,现在购票,享9折优惠 了解详情
写点什么

Angular 10 正式发布,不再支持 IE9/10!

  • 2020-06-29
  • 本文字数:1611 字

    阅读完需:约 5 分钟

Angular 10正式发布,不再支持 IE9/10!

Angular v10.0.0 正式发布了!这是跨越整个平台(包括框架、Angular Material 和 CLI)的一次主要版本更新。这次的新版发布间隔比以往短一些。自我们发布 Angular 9.0 版以来只过去了四个月。


我们尝试每年发布两个主要版本,以使 Angular 与其他 JavaScript 生态系统保持同步,并给出可预测的时间表。我们计划在今年秋天发布 v11 版。

新版内容

新的日期范围选择器

Angular Material 现在提供了一个新的日期范围选择器。



新的日期范围选择器


可以通过 mat-date-range-input 和 mat-date-range-picker 组件使用它。


请参阅 StackBlitz 上的这个示例:


https://stackblitz.com/angular/nknyovevygv?file=src%2Fapp%2Fdate-range-picker-overview-example.html


更多细节请查阅 date range selection:


https://next.material.angular.io/components/datepicker/overview#date-range-selection

关于 CommonJS 导入的警告

当用户使用 CommonJS 打包的依赖项时,它可能导致应用程序膨胀且变慢。


https://web.dev/commonjs-larger-bundles/


从 v10 开始,当你的构建引入这种包时就会看到警告。如果你处理依赖项时看到了这类警告,请将依赖项替换为 ECMAScript 模块(ESM)包。



CommonJS 或 AMD 依赖项可能导致优化 bailout

可选的更严格设置

当你使用 ng new 创建新的工作区时,v10 提供了一个更严格的项目设置选项。


ng new --strict
复制代码


启用此标志会使用一些新设置初始化你的新项目,这些设置可以提高可维护性,帮助你提前捕获错误并允许 CLI 在你的应用上执行一些高级优化措施。具体来说,strict 标志执行以下操作:


  • 在 TypeScript 中启用严格模式;

  • 将模板类型检查设置为 Strict;

  • 将默认包预算减少约 75%;

  • 配置 linting 规则以防止声明 any 类型;

  • https://palantir.github.io/tslint/rules/no-any/

  • 将你的应用配置为 side-effect-free,以实现更高级的 tree-shaking 优化。

与生态系统保持同步

与往常一样,我们对 Angular 的依赖项进行了一些更新,以与 JavaScript 生态系统保持同步。


  • TypeScript 升至 TypeScript 3.9

  • TSLib 已更新至 v2.0

  • TSLint 已更新至 v6


我们还更新了项目布局。从 v10 开始,你将看到一个新的 tsconfig.base.json。这个新增的 tsconfig.json 文件可以更好地支持 IDE 和构建工具解析类型和包配置。


https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

新的默认浏览器配置

我们更新了新项目的浏览器配置,剔除了较旧和较少使用的浏览器。


v9 默认值



v10 默认值



新值的副作用是默认为新项目禁用了 ES5 构建。要为需要它的浏览器(例如 IE 或 UC 浏览器)启用 ES5 构建和差异化加载,只需在.browserslistrc 文件中添加你要支持的浏览器即可。


https://github.com/browserslist/browserslist#browserslist-

Angular Team Fixit

我们大幅增加了对社区合作的投入。在过去的三周中,我们在框架、工具和组件中的未解决问题数量减少了 700 多个。我们已解决了 2,000 多个问题,并计划在接下来的几个月中投入大量资源,与社区合作做更多事情。

弃用和移除

Angular 新版增加了一些新的弃用和移除。


Angular Package Format 不再包含 ESM5 或 FESM5 包,在为 Angular 包和库运行 yarn 或 npm install 时,这可以节省 119MB 的下载和安装时间。之所以不再需要这些格式,是因为支持 ES5 所需的降级操作都会在构建流程结尾完成。


经过与社区的大量协调沟通,我们不再支持一些旧版浏览器,包括 IE9、10 和 Internet Explorer Mobile。


在下方链接查阅关于弃用和移除的更多信息。


http://v10.angular.io/guide/deprecations

如何更新到 v10 版本

请访问 update.angular.io 以获取详细信息和指导。为了获得最佳的更新体验,我们建议每次只升级一个主要版本。


要更新时:


ng update @angular/cli @angular/core
复制代码


你可以在我们的 v10 版本更新指南中了解更多细节。


https://v10.angular.io/guide/updating-to-version-10

原文链接

https://blog.angular.io/version-10-of-angular-now-available-78960babd41


2020-06-29 17:273475

评论

发布
暂无评论
发现更多内容

哈尔滨三级等保测评技术要求:从主机安全到应用安全的全面防护

等保测评

CGDC|网易伏羲揭秘AI Agent等技术驱动游戏玩法革新,重塑交互与内容生态

网易伏羲

人工智能 ChinaJoy 网易伏羲 游戏AI

大数据-59 Kafka 拦截器全解析:原理、拦截链机制与自定义实现实战

武子康

Java 大数据 kafka 分布式 消息队列

Building An Elastic Query Engine on Disaggregated Storage

数新网络官方账号

EventBridge 生态实践:融合 SLS 构建一体化日志服务

Apache RocketMQ

云原生 事件总线 EventBridge sls

解析 RocketMQ 业务消息--顺序消息

Apache RocketMQ

RocketMQ 云原生 消息队列 消息集成 mq消息集成

解析 RocketMQ 业务消息——事务消息

Apache RocketMQ

RocketMQ 云原生 消息队列 事务消息

瑞士开源大语言模型今夏发布

qife122

大语言模型 多语言处理

视觉语言模型知识蒸馏方法优化

qife122

知识蒸馏 注意力机制

解析 RocketMQ 多样消费功能-消息过滤

Apache RocketMQ

阿里云 云原生 消息队列 消息过滤

高防IP:数字化时代企业网络安全的核心盾牌

德迅云安全杨德俊

阿里云基于全新 RocketMQ 5.0 内核的落地实践

Apache RocketMQ

阿里云 RocketMQ 云原生 消息队列

2025年哈尔滨等保测评失败原因剖析:制度、技术与执行的三重挑战

等保测评

泄漏检测与修复综合管理系统(源码+文档+讲解+演示)

深圳亥时科技

区块链U卡APP外包开发的费用

北京木奇移动技术有限公司

区块链开发 软件外包公司 web3开发

Web3 项目外包开发的类型

北京木奇移动技术有限公司

区块链开发 软件外包公司 web3开发

Apache RocketMQ 在阿里云大规模商业化实践之路

Apache RocketMQ

阿里云 RocketMQ 云原生 消息队列

RocketMQ 消息集成:多类型业务消息——定时消息

Apache RocketMQ

阿里云 RocketMQ 云原生 消息队列 定时消息

哈尔滨二级等保测评实施指南:六大步骤助你高效通过

等保测评

RocketMQ 客户端负载均衡机制详解及最佳实践

Apache RocketMQ

阿里云 RocketMQ 云原生 消息队列

私有化部署即时通讯,企业专属通讯系统BeeWorks

BeeWorks

即时通讯 IM 私有化部署

2025大模型应用平台选型指南:从个人助手到企业级智能体

测试人

RocketMQ 5.0 API 与 SDK 的演进

Apache RocketMQ

阿里云 RocketMQ 云原生 消息队列

Wire,一个神奇的Go依赖注入神器!

左诗右码

2025 China Joy,Affinity以广告科技解锁开发者与出海企业的共同增长

科技热闻

值得买商品详情API响应数据解析

tbapi

值得买 值得买商品详情API 值得买数据接口

哪些企业需要私有化部署?有没有推荐的私有化im

BeeWorks

即时通讯 IM 私有化部署

“同声传译”还是“全文翻译”?为何HotSpot虚拟机仍要保留解释器?

poemyang

编译原理 Java虚拟机 #java 解释器

监督学习与无监督学习:机器学习技术对比与应用实例

qife122

机器学习 监督学习

用过这么多方案,远程访问还是贝锐花生壳内网穿透最靠谱

科技热闻

RocketMQ 重试机制详解及最佳实践

Apache RocketMQ

阿里云 RocketMQ 云原生 消息队列

Angular 10正式发布,不再支持 IE9/10!_语言 & 开发_Stephen Fluin_InfoQ精选文章