Angular 5.0 来了! 有这些大变化

Angular 5.0 正式发布，这个版本的更新主要包含了以下新特性和改进：

更好的构建器

Angular 5.0中集成了新的构建工具 Angular CLI 1.5，它能够更好地发掘 Webpack 和 TypeScript 的潜力。构建性能得以显著提升， 官方表示在使用 AOT 编译时速度可以提高 90%。

更强的动态加载支持

在 Angular 5.0 中新增了对 ES2015动态导入的支持，让代码在运行时动态加载模块成为可能。 与此同时，Angular 5.0也支持更快地预编译现有的应用程序。

示例 1：使用动态导入实现按需加载

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-orders',
  templateUrl: './orders.component.html'
})
export class OrdersComponent implements OnInit {

  constructor() { }

  async ngOnInit() {
    const module = await import('../lazy/lazy.module');
  }
}

示例 2：使用AOT编译

在Angular 5.0中使用AOT编译可以显著提高应用程序的性能和加载速度。

ng build --prod --aot 

其他改进

1. HttpClient 代替 HttpModule

在 Angular4 以前，我们用 HttpModule 来通过 HTTP 协议请求服务端资源。而在 Angular 5 中，这个模块已经弃用了，取而代之的是 HttpClient 模块，它拥有更加清晰明了的 API，并且支持 Interceptors。

1. 更好的 i18n 支持

Angular 5.0 中，支持在编译期间可以对应用程序进行国际化，能够在一定程度上减少应用程序编写时产生的负担。

ng xi18n --output-path locale

以上就是 Angular 5.0 的一些重要变化和新特性，相信这些变化会让我们更加愉快地进行 Angular 开发。