Spartacus界面上的banner，如下圖所示，對應著HTML源代碼里的cx-banner標簽：

cx-banner下面是cx-generic-link:

這個cx-generic-link包含一個a標簽，指向一個超鏈接：

a標簽里包含cx-media, 再包含img.

這個映射關系在下圖高亮處的代碼被訪問：

/*** Return collection of component mapping configuration for specified list of* component types.** If component mapping can't be determined synchronously, for example, lazy* loaded one, it will throw an error.** To make sure component mapping is available, determineMappings()* should be called and completed first.*/getMapping(componentType) {var _a, _b;const componentConfig = (_a = this.mappings[componentType]) !== null && _a !== void 0 ? _a : (_b = this.config.cmsComponents) === null || _b === void 0 ? void 0 : _b[componentType];if (!componentConfig) {if (!this.missingComponents.includes(componentType)) {this.missingComponents.push(componentType);console.warn(`No component implementation found for the CMS component type '${componentType}'.\n`, `Make sure you implement a component and register it in the mapper.`);}}return componentConfig;}

在SAP Spartacus里有很多種辦法提供CMS Component到Angular Component的映射關系，比如下圖：

第47行是CMS Component，第48行的MycomComponent是我創建的Angular Component：

上圖的映射關系，運行時被解析成下圖所示的數據：

如果改成MyOutletsComponent：

運行時解析出來的Angular Component也變成了MyOutletsComponent：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的SAP Spartacus维护CMS Component到Angular Component的源代码位置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。