ng 11 新特性

原文需要翻墙

• 官方承诺： 所有新提出的issue将在两周内修复

• 修复了最受关注的router和form的issues

  • routerLinkActive not updating when routerLink changed
  • FormGroup & FormControl statusChanges are not emitted on creation
  • RouterLink: incorrect relative link if defined in component having empty path #13011

• 关闭了 第三 受关注的 issue

  • i18n: Able to use translation strings outside a template

• automatic font inlining

  • 在编译时，anuglar cli会下载应用用到的内联字体，这可以优化应用的首屏时间

• Component Test Harnesses.

  • v9时已经介绍了它，它对我们测试Angular Material 组件很有作用
  • 在v11，它的API可以作用于所有组件
  • 并对它进行了性能优化和新增了API
  • API使用请查看documentation for Angular Material

• 改善打印的日志信息，使其可读性更高

• 改善Angular Language Service（VS Code扩展）（研发中。。。预计下个版本发布）

  • 可以正确地推断模版里变量的类型

• HMR 支持

  • 之前HMR（hot module replacement） 需要在配置中开启，现在可以在应用启动时开启

  • ng serve --hmr
    应用启动后会打印
    NOTICE: Hot Module Replacement (HMR) is enabled for the dev server.
    

  • 所有的更改都会更新到应用中，而不必刷新整个页面

• 更快的构建速度

  • 当安装依赖时，ngcc 的更新过程快了 2到4倍
  • TypeScript v4.0 更快的编译速度

• 实验性的webpack5支持

  • 当前你可以尝试 module federation

  • 在未来webpack v5 可以做到

    • 依赖于disk caching的快速构建
    • 由于cjs tree-shaking可以打出更小的包

  • 如果想尝试webpack 5

  • // package.json里加上以下字段
    "resolutions": {
         "webpack": "5.4.0"
    }
    // 由于npm 不支持 resolution字段 需要使用yarn来测试
    

• linting (TSLint)

  • 在v11， 废弃了 TSLint and Codelyzer
  • 参考official project page 把TSLint迁移到angular-eslint

• 废弃List

  • 除了IE11，其他IE浏览器版本Angular都不再支持
  • 废弃API列表，确保你在使用最新的API

• 更新了规划

  • [angular 团队的 规划](