spartacus-storefront - 禁用 Spartacus 组件样式

Question

文档指出可以跳过组件样式

跳过特定的组件样式 组件样式是可选的，因为它们是从样式库中提取的。因此，您可能希望完全禁用某些标准组件样式。要禁用标准组件样式，您可以将组件选择器添加到 $skipComponentStyles 列表。下面是一个示例，演示如何从样式库中跳过两个标准组件：

$skipComponentStyles: (cx-product-carousel, cx-searchbox);

$skipComponentStyles: (cx-product-carousel, cx-searchbox); 如果您需要从头开始创建样式并且不想覆盖来自 Spartacus 样式库的特定样式规则，则跳过特定组件样式可能会有所帮助。

这应该在哪里完成？我无法从文档中得到它。我的第一个猜测应该是全局 style.scss 但例如以下内容不起作用：

@import '~@spartacus/styles/index';
$skipComponentStyles: (header, cx-media, cx-banner, cx-category-navigation);

Answer 1

你几乎是对的，你只需要交换 2 行。sass 变量将在 Spartacus 样式的导入中使用，否则该变量默认为空 var。因此，以下将起作用：

$skipComponentStyles: (header, cx-media, cx-banner, cx-category-navigation);
@import '~@spartacus/styles/index';