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 團隊的 規劃](