SAP 电商云 Spartacus UI 模块延迟加载的入口程序

JerryWang_汪子熙 - 2021-11-16 16:09:36

该入口位于下图第 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的原创文章，尽在："汪子熙":

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。