头图

SAP 电商云 Spartacus UI 的 feature module 设计原理

JerryWang_汪子熙

我们以一个具体的例子来说明该原理。

我们查看某 integration library 目录下的 public_api.ts:

关注 module:

这个 lib 包含的 module 为 EpdVisualizationModule 以及对应的配置:EpdVisualizationConfig

注意第八行 import 的 VisualPickingTabModule,这个才是包含了 Angular Component 的 module.

入口是 VisualPickingTabComponent:

对于 Spartacus 来说,它只关心最顶层的 EpdVisualizationModule.

SpartacusFeaturesModule

SpartacusFeaturesModule 旨在轻松管理所有非核心 Spartacus 功能,包括静态加载和延迟加载。 它充当所有功能的入口点,理想情况下,这些功能被包装到自己的独立功能模块中。

在早期的 3.x 次要版本中,SpartacusFeaturesModule 可能看起来臃肿而忙碌,但随着每个连续的发布,它应该变得更加简洁,因为努力将大部分功能移到单独的库中。

理想情况下,可以将一个完整的功能封装到一个特定的功能模块中。 该模块可以包含与功能相关的配置以及自定义。

根据环境变量 environment 对应的值来决定插入哪些 feature module 到数组 featureModules 里。

最后

SpartacusFeatureModule import 的 module 包含两部分,mandatory 的 core module(硬编码),以及上文描述的 featureModules 数组里的 module 两部分。

linux 系统:

export SPA_ENV=epd-visualization

windows 系统:
set CX_EPD_VISUALIZATION=true&& yarn start:local

开启 CX_EPD_VISUALIZATION 之后,就能看到对应的 CMS mapping 了:

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

阅读 357

Jerry Wang的SAP技术专栏
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使
828 声望
1.6k 粉丝
0 条评论
828 声望
1.6k 粉丝
文章目录
宣传栏