来QCon北京,现场感受“纯血鸿蒙”的魅力!席位有限,抓紧报名 了解详情
写点什么

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:273142

评论

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

flutter系列之:如何自定义动画路由

程序那些事

flutter 架构 大前端 程序那些事

众说纷纭,低代码发展到底动了谁的“奶酪”?

这我可不懂

低代码 JNPF

国家工信安全中心权威认证!

百度开发者中心

工业互联网 百度飞桨 文心一言

如何实现多存储文件传输,镭速提供多存储文件传输解决方案

镭速

深入了解 WebAssembly —— 一种新的 Web 可执行文件格式

NGINX开源社区

nginx webassembly

数据生产压力突增23倍,平台“可观测性”如何帮这家制造集团排忧解难? | 奇点云技术分享

奇点云

数据中台 可观测性 制造业 奇点云

如何使用 Linux find 命令查找文件?

wljslmz

三周年连更

浪潮海岳低代码平台inBuilder开源社区版正式发布

inBuilder低代码平台

开源 低代码平台

OMG!这个Ins快拍保存到相册的办法绝了!还在犹豫什么,都给我冲!

frank

Instagram

devops如何使用chatgpt提高工作效率

wisonzhu

DevOps

建设司库管理体系,数智化转型打破数据壁垒

智达方通

全球司库 司库体系建设 司库管理体系 智达方通

为什么要使用CDN?CDN有什么优势?

海拥(haiyong.site)

三周年连更

CloudQuery 社区版回归直播即将开启

BinTools图尔兹

直播 社区版

软件测试/测试开发丨接口测试配置的数据驱动

测试人

软件测试 自动化测试 测试开发

测试用例该如何编写?

测吧(北京)科技有限公司

测试

ChatGPT:改变未来沟通方式的人工智能语言模型

wisonzhu

TikTok视频怎么无水印保存到相册?这有啥难的,跟我学轻松变大神~

frank

TikTok

TitanIDE 新版本来袭,全新“效能看板”上线

行云创新

ide

软件测试/测试开发丨接口测试数据的数据驱动

测试人

软件测试 自动化测试 接口测试 数据驱动 测试开发

CSA GCR大会正式发布全球首个云渗透测试认证专家课程,腾讯安全获评“特别贡献单位”

腾讯安全云鼎实验室

云安全

火爆的低代码开发具有哪些技术特点?

力软低代码开发平台

3DCAT实时云渲染助力广府庙会元宇宙焕新亮相,开启线上奇趣之旅!

3DCAT实时渲染

元宇宙 实时渲染云 3D实时云渲染

玩转AIGC,5分钟 Serverless 部署 Stable Diffustion 服务

Serverless Devs

Serverless AIGC Stable Diffustion

GPU 加速药物研发与基因组学分析

百度开发者中心

GPU服务器

软件测试/测试开发丨接口测试通用 API 封装实战

测试人

软件测试 自动化测试 接口测试 测试开发

数据可视化、数据分析常用的图表都有哪些?(二)

百度开发者中心

数据可视化 #百度智能云# 数据分析可视化

selenium源码通读·7 |webdriver/common/by.py-By类分析

测试 自动化测试 测试框架 源码剖析 selenium

软件测试/测试开发丨接口测试APIObject 模式、原则与应用

测试人

软件测试 自动化测试 接口测试 测试开发

数据可视化、数据分析常用的图表都有哪些?(一)

百度开发者中心

数据可视化 #百度智能云# 数据分析可视化

数据可视化、数据分析常用的表格组件都有哪些?(三)

百度开发者中心

数据可视化 百度智能云 数据分析工具

selenium源码通读·8 |webdriver/common/keys.py-Keys类分析

Python 自动化测试 测试框架 源码剖析 selenium

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