在下面描述的情况下，我无法弄清楚如何最好地拆分 scss。
假设我有一个可重复使用的“产品”组件（由产品名称、图像、价格、迷你描述等组成）。它经常出现在不同的页面上，而且到处都有不同的风格。例如，在第一个位置有一个字体大小，图像大小（和一堆其他不同的样式），在第二个位置 - 另一个，在第三个 - 第三个。
为这 3 种情况分别注册 scss 的正确性（以及在何处）？
在product.component.scss本身，原来我只能写通用样式。我不想在通用 style.css 文件中将所有内容与其他样式一起编写。在资产中创建一个单独的目录（如 product.scss）？那么编写样式的最佳方法是什么？像这样（下）？
.Такой-то компонент1{
Продукт {...}
}
.Такой-то компонент2{
Продукт {...}
}
...
问题 #2：假设我有一个“listOfProducts”组件和一个子“产品”——如何在父 scss 中为子级设置样式？我的父scss没有看到子，还要在assets里单独做一个文件，里面还有长长的样式表，因为网站不同地方都有这样的父子listOfProducts，视觉上不一样.
你能推荐一个正确结构的例子，或者如何正确地做吗？提前感谢您的回复。
如果我是你，我会在产品目录中创建更多的 scss 文件并将它们包含在组件中。因此它们位于样式组件旁边。封装，仅此而已。
第二种情况取决于使用情况。如果这是一个简单的模板，那么孩子上的一个类就足够了。
因此，您可以拥有多个文件。比方说：
在模板中一切都很简单：
等等
以我的经验，在父组件中设置子组件的样式是一种非常糟糕的做法。父级必须控制的只是元素在其自身中的定位。也就是整个外部环境。剩下的就是组件本身的知识。所以逻辑不会在应用程序的不同部分模糊。您清楚地了解何时出现问题，在哪里寻找这些样式。
Source-map不是灵丹妙药，但纪律是的。