天天看点

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

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

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

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

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

入口是 VisualPickingTabComponent:

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

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

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

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

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

windows 系统:

set CX_EPD_VISUALIZATION=true&& yarn start:local

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

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

继续阅读