想當年 Angular 9 釋出後,Ivy 取代了原先的 View Engine 擔當起新一代 Angular 內預設的編譯器與直譯器,我們新的 Ivy 快樂小夥伴更輕、更快、更聰明了,但遺憾的是:他與 Augury 並不相容(這是個非常好用,且普遍被用作 Angular 專案的除錯開發工具)。

此篇為 Angular Ivy with Augyry Ivy: A simply workaround 的原作者自行翻譯版本

Image for post
Image for post

太長了我不想讀,請直接帶我去看解決方案。

為什麼 Ivy 好棒棒

根據 Angular 官方部落格,新的 Ivy 引擎主要有底下幾個重大躍進:

  • 更輕更小的 Bundle
  • 針對 testing 的加速優化
  • 更好的除錯方式
  • 優化 Class 和 CSS 的綁定
  • 更好的型別檢查
  • 優化編譯錯誤的處理
  • 加速編譯並預設啟用 …


Since Angular 9 was released, Ivy, the new compiler and runtime instructions which has replaced View Engine as the default engine, is not compatible with Augury, which is an very helpful instrumental tools for developing/debugging with Angular projects.

Chinese version: link

Image for post
Image for post

TL;DR, just take me to the solution part.

Why Ivy?

Referring to Angular official blog, The Ivy compiler offers numerous advantages:

  • Smaller bundle sizes
  • Faster testing
  • Better debugging
  • Improved CSS class and style binding
  • Improved type checking
  • Improved build errors
  • Improved build times, enabling AoT on by default
  • Improved i18n

Aries Cs

🏳️‍🌈🇹🇼 A Front-end Developer living in Taiwan, familiar with Vue.js, Angular beginner. Also interest in UI/UX Design. |More about Me 👉 🌐 aries0d0f.me

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store