- SAP 电商云 Spartacus UI 模块延迟加载的入口程序
- SAP 电商云 Spartacus UI 的 Product C
- 网站上的 breadcrumb 使用场景浅析
- SAP UI5 sap.ui.vk 命名空间内的控件介绍
- HTML 按钮(button)的 disable 属性和 dis
- SAP 电商云 Spartacus UI 产品搜索结果的设计明细
- SAP 电商云 Spartacus UI Proxy Facad
- Angular @Injectable 注解的工作原理浅析
- 关于 Angular 部署以及 index.html 里 bas
- SAP 电商云 Spartacus UI 从 CMS 取回 sl
该入口位于下图第 218 行的 rxjs from Operator 调用:

这里我们将一个函数传入 from:

传入的具体函数如下:

这个函数返回一个 promise,该类型作为 from 操作符的输入类型。这个函数维护在 featureConfig json 对象的 module 字段里:

这个 json 对象是 Spartacus 代码里通过 provideConfig 注入到配置对象 config 中的,字段名称为 featureModules:

这里会触发 chunk 加载?

从下图可以确认,确实上图19行 import 指令,会触发 spartacus/cart/quick/order chunk 的加载:

第19行 import 语句执行完之后,使用 then 返回加载成功的 QuickOrderModule 定义,这体现了 Promise 的语义。

所以当代码执行到下图第 220 行 switchMap 时,传入的 module 就是加载成功的 QuickOrderModule 类:

这里还使用了 EventService 来抛出延迟加载 chunk 成功加载的事件:ModuleInitializedEvent

更多Jerry的原创文章,尽在:"汪子熙":

网友评论