本地编辑这个文件：

projects\storefrontlib\src\cms-structure\page\page-layout\page-layout.component.html

加上如下代码：

<h1>Layout: {{ layoutName$ | async }}</h1>
<h2>template: {{ templateName$ | async }}</h2>
<h3>section: {{ section$ | async }}</h3>
<h4>slots: {{ slots$ | async }}</h4>

可以看到SAP Spartacus home页面由三大section组成，依次是：

header

slots有：PreHeader,SiteContext,SiteLinks,SiteLogo,SearchBox,SiteLogin,MiniCart,NavigationBar

这些slots定义在：projects\storefrontlib\src\recipes\config\layout-config.ts

main

包含的slots有：Section1,Section2A,Section2B,Section2C,Section3,Section4,Section5

这些slots的定义位置：

footer

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