Angular 使用*.component.scss而不仅仅是在style.scss中编写它有什么好处？

我希望我足够清楚，因为我还是安格拉尔的初学者。所以我正在制作这个简单的应用程序，它是我用angular cli生成的。我现在有3个组件，每个组件都有一个*.component.scss文件。但我也可以将所有样式粘贴到主style.scss文件中，该文件将由webpack编译。

---

使用*.component.scss文件而不是全部用styles.scss编写有什么好处吗？

styles位于

*。component.scss

文件只影响该组件

main

style.scss

将影响整个应用程序

更多信息，请访问：

如果所需样式应仅应用于组件，则组件样式应位于

*.component.scss

中

---

如果你，OTOH，拥有影响多个组件或整个应用程序的样式，那么它们自然属于

style.scss

顺序，想象一个包含800个组件的项目。您可以很容易地在一个特定的、命名为scss的文件中找到要更改的元素。在凌乱的styles.scs中搜索需要更长的时间。