如何在Spartacus中定制核心组件？

Question

是否可以自定义核心Spartacus组件，如cx-icon？我需要扩展cx图标以添加支持材质图标的功能，因此每当我在应用程序中使用cx图标时，材质图标都会被渲染，而不是FontAwesome图标

PS - Material图标不能在cx-icon中配置，因为它不像FontAwesome那样使用CSS类，而是使用文本连字。

Answer 1

我不确定，但您可以尝试使用SVG sprite来解决这个问题。你只需要下载SVG sprite格式的Material Icons (更多细节在这里https://google.github.io/material-design-icons/)，并像这样用定制的matIconConfig配置IconModule (更多细节在https://sap.github.io/spartacus-docs/icon-library/这里)：

export const matIconConfig: IconConfig = {
  icon: {
    symbols: {
      INFO: 'info', // Here you should add actual xlink to SVS symbol
    },
    resources: [
      {
        type: IconResourceType.SVG,
        url: './assets/mat-icons.svg',
        types: [ICON_TYPE.INFO],
      },
    ],
  },
};

然后通过以下方式将其合并到全局配置中：

ConfigModule.withConfig(matIconConfig);

当然，在调试过程中，您可能需要应用一些额外的样式，但我不能提供确切的样式。