Angular 8之升级和新功能摘要

Angular 8之升级和新功能摘要

Angular 8已经到来，并带来了大量的工作流程和性能改进。就像我们之前发布的几个版本一样，让我们回顾一下Angular 8的新功能，以及如何将Angular 7应用程序升级到Angular 8。

Angular 8中明显的新功能数量有限，但确实还有一些好东西：

Differential loading

由于差异加载，您的Angular 8应用程序现在将自动提高性能。

通过差异加载，在构建生产时会创建两个包：支持ES2015 +的现代浏览器包和仅支持ES5版JavaScript的旧浏览器包。由于新浏览器中ES6模块的支持，浏览器将自动加载正确的捆绑包。

这一新功能为Angular v8带来了最大的单一性能提升。较新的浏览器将能够加载更少的代码并加载更少量的polyfill。

你不需要做任何特殊的事情来从差异加载中受益，带有–prod标志的ng build命令将负责捆绑所有内容，以便差异加载开箱即用：

ng build --prod

惰路由的动态导入

延迟加载的路由现在使用标准动态导入语法而不是自定义字符串。这意味着当模块丢失或拼写错误时，TypeScript和linters将能够更好地进行投诉。

所以一个懒惰加载的导入看起来像这样：

{ path: '/cart', loadChildren: './cart/cart.module#CartModule' }

现在看起来像这样：

{ path: `/cart`, loadChildren: () => import(`./cart/cart.module`).then(m => m.CartModule) }

如果您使用ng upgr