我們用 ng serve 本地啟動 SAP Spartacus 時，觀察到控制臺如下的輸出：feature-libs_cart_quick-order_public_api_ts.js

直接訪問如下 url：

http://localhost:4299/electronics-spa/en/USD/

根據關鍵字 QuickOrder 進行全文搜索，有13個文件包含了 QuickOrder：

從搜索結果不難看出，訪問 SAP Spartacus 首頁時，eager load 即正常加載的 Quick Order 相關的內容，全部來自 Root 入口點里的 module，而這些是很輕量級的實現：

點擊 quick order 超鏈接后：

觸發了一個大小超過 147 KB 的 quick order chunk 的加載：

總共2092行，

其中包含了重量級的 QuickOrderService 實現：

該實現位于需要被延遲加載的 core module 內：

同樣還有所有的 Component 實現：

這些 Component 實現位于同 core 同級的 Components 文件夾內部，

位于 QuickOrderModule內部：

QuickorderModule 包含兩部分：

• 包含 Service 實現的 Core Module
• 包含 Component 實現的 Component Module

而 QuickOrderModule 整個，作為需要被延遲加載的 Component，定義在 feature Module 內：

下圖的語法，保證了包含 core 和 Components module 在內的 QuickOrderModule，能夠被 Angular 框架進行延遲加載。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI Quick Order 延迟加载的现象分析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。