使用* .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。