SAP Spartacus module 层级结构设计的一种实践

2024-01-28 22:04:58

这个推荐的 Spartacus 应用程序结构旨在作为您设置自己的 Spartacus 应用程序时的参考。

Spartacus 是一个 Angular 库，这意味着它可以在 Angular 应用程序中单独使用，也可以集成到现有的 Angular 项目中。相反，您可以将任何其他 Angular 解决方案或库添加到您的 Spartacus 项目中。

Spartacus 本身带有多个层和概念，以及一些可以延迟加载开箱即用的较小特征库。自定义和第三方代码进一步增加了复杂性，您最终可能会得到难以维护的模块，因为它们将太多这些元素混合在一起。

这可以通过定义和遵守标准化结构来解决，例如 Spartacus 参考应用程序结构。拥有标准化结构还可以更轻松地将新开发人员纳入您的项目、处理外部支持案例以及进行审计。

通过使用 Spartacus 参考应用程序结构，您可以从每个主要 Spartacus 版本提供的自动迁移中获益最多，同时还保持添加自定义的灵活性，并在这些自定义之上构建新功能。使用参考应用程序结构还可以为 3.0 版本后移入单独库的功能利用代码拆分。

要查看使用参考应用程序结构的工作示例，请参阅此存储库。

Spartacus Module

该 module 导入 B2C 或者 B2B 配置 module，以及 BaseStorefrontModule 和 SpartacusFeaturesModule：

导出 BaseStorefrontModule.

注意，虽然 Angular Router 和 NgRx 都是 Spartacus 使用的，但是这些都会影响全局应用，所以它们被保存在 SpartacusModule 之外，直接导入到 AppModule 中。

SpartacusModule 由以下部分组成：

BaseStorefrontModule，它封装了大多数 Spartacus 应用程序通常需要的核心 Spartacus 导入。

BaseStorefrontModule 直接从@spartacus/storefront 导入。

SpartacusFeaturesModule，它封装了 Spartacus 功能。
SpartacusConfigurationModule，它封装了通用的 Spartacus 配置。

在大多数情况下，Spartacus 模块不会被修改，因为更改通常封装在配置模块或功能模块中。

下面是 SpartacusModule 的实现：

import { NgModule } from '@angular/core';
import { BaseStorefrontModule } from '@spartacus/storefront';
import { SpartacusConfigurationModule } from './spartacus-configuration.module';
import { SpartacusFeaturesModule } from './spartacus-features.module';

@NgModule({
  imports: [
    BaseStorefrontModule,
    SpartacusFeaturesModule,
    SpartacusConfigurationModule,
  ],
  exports: [BaseStorefrontModule],
})
export class SpartacusModule {}