Google將在開源前端框架Angular 19中,預設所有元件、指令和資料管線為獨立模式,供開發者建立不仰賴NgModules的應用程式,以簡化開發流程並讓應用程式更容易最佳化。這項重大變更將能夠降低Angular的學習門檻,同時啟用像路由延遲載入和指令組合API等新功能。

獨立模式是Angular讓元件、指令和工作管線不仰賴NgModules的寫法,簡化了應用程式開發結構。其最初在Angular 14中以開發者預覽形式推出,並在後續版本進入穩定狀態,現在於Angular 19成為官方推薦的應用程式編寫方式。

而NgModules是Angular中用來組織應用程式的模組系統,其核心概念是將Angular應用程式分割成更小、可管理的模組,透過將相關元件、指令、資料管線和服務集結在一起形成功能單元,並透過模組匯入與匯出,進行共享或是隔離應用程式。

雖然NgModules提供了結構化的組織方式,但是隨著應用程式的規模擴大,模組之間的相依關係變得越來越複雜,這導致初學者學習曲線升高且維護成本增加。特別是當模組之間存在迴圈相依和過度耦合時,會大幅增加程式碼的複雜度,也使得維護和除錯變得更加困難。

即將在Angular 19成為預設的獨立模式,有助於解決這些問題,開發者不再需要處理NgModules的配置,初學者更容易上手之外,開發者也可更專注於元件本身的開發,減少不必要的複雜性。而且獨立模式也使得應用程式結構更加模組化和清楚。Angular 19獨立模式提高了應用程式的靈活度和效能,支援像是路由層級的延遲載入,可最佳化載入速度,而Deferrable Views允許按需載入元件,進一步提升效能。

目前Angular不會棄用NgModules,開發者仍可以透過設定關閉獨立模式來編寫NgModule元件。對於帶有NgModules的NPM函式庫,其使用方式不會改變,即便啟用了strictStandalone選項,獨立元件仍可匯入NgModule相依項目。針對發布於NPM上的函式庫,無論開發者是否採用Angular 19新預設設定,這些元件都會繼續正確運作,且不需要進行額外調整。

熱門新聞

Advertisement