Angular团队正式发布Angular 6
极客时间编辑部
讲述:丁婵大小:1.16M时长:02:32
近日,Angular 团队正式发布了 Angular 6,该版本主要改进了 Angular 工具链。这些重大的更新让以下操作变得更加容易:
更新应用程序源代码及其依赖;
新增应用程序功能;
通过 tree shaking 技术优化代码以获得更好的性能。
据介绍,ng update 命令会分析 package.json,然后提供 Angular 应用程序升级建议。该命令使用 npm 或 yarn 管理依赖项,然后把变化应用到项目。第三方也可以使用 Schematics 提供升级脚本,在依赖项需要做破坏性变更时自动升级应用程序代码。
Angular 6 CLI 还引入了 ng add 命令,它会添加依赖项和一个基于 schematic 的安装脚本,以便支持类似 PWA 基架、Material 组件、Angular Elements 这样的新特性。
新特性中,Angular Elements 的目的是为把 Angular 组件当作 Custom Elements 使用提供支持,Stencil 或 Dojo 使用类似的方法根据 Web Components 标准导入组件。这个新增功能有助于让 Angular 更符合 Custom Elements 标准,解决了 Angular 组件中的一个常见问题。
而 Angular Material 增加了几项新特性,包括一个展示层次数据的树形组件,它还提供了三个新的初始组件:Sidenav、Dashboard 和 Data Table,让开发人员可以快速开始创建通常的应用程序用户体验。
另外,Angular 6 还开始解决应用程序整体性能和大小的问题。该版本提供了通过 tree shaking 技术优化源代码的特性,使生产应用里的包更小。
据 Angular 团队透露,经过压缩和缩小,他们可以将 Hello World 的大小缩减至 10KB 以下。此外,Ivy 渲染引擎升级目前正在开发之中,预计会在今后的 Angular 版本中达到目标。
Angular 还把 RxJS 依赖升级到了 RxJS 6,围绕 tree shaking 进行了额外的改进,其 API 从链接变成了管道,也是为了提升性能。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
该免费文章来自《极客视点》,如需阅读全部文章,
请先领取课程
请先领取课程
免费领取
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(3)
- 最新
- 精选
- 蜗牛我们团队正在使用Angular,是一个非常棒的框架。
- icemoom再跟进,你们都不用了吗?
- 盒子我在想国内还有人跟进这框架没有
收起评论