使用* .component.scss而不是将其写入styles.scss有什么好处？

Question

我希望我有足够的清楚，因为我仍然是Angular2的初学者。所以我正在使用angular-cli生成这个简单的应用程序。我现在有3个组件，每个组件都有一个* .component.scss文件。但我也可以将所有样式粘贴到主要style.scss文件中，该文件将由webpack编译。 在使用* .component.scss文件而不是将其全部写入styles.scss中有什么好处吗？

Answer 1

*.component.scss文件中的样式仅影响该组件。

主要style.scss会影响整个应用程序。在

更多：https://angular.io/guide/component-styles#view-encapsulation

如果你想要的样式应该应用到组件只，组件风格应该是在*.component.scss。

如果，OTOH，有一个影响多个部件或整个应用程序的风格，他们自然属于style.scss。