头图

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

JerryWang_汪子熙
English

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

阅读 161

Jerry Wang的SAP技术专栏
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使

Jerry 2007年从电子科技大学计算机专业硕士毕业后进入SAP成都研究院工作至今, SAP社区导师,SAP中国技术...

784 声望
1k 粉丝
0 条评论

Jerry 2007年从电子科技大学计算机专业硕士毕业后进入SAP成都研究院工作至今, SAP社区导师,SAP中国技术...

784 声望
1k 粉丝
文章目录
宣传栏