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

【问题标题】：what are the benefits of using *.component.scss instead of just writing it in styles.scss?使用 *.component.scss 而不是仅将其写入 styles.scss 有什么好处？
【发布时间】：2017-06-13 22:23:10
【问题描述】：

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

【问题讨论】：

排序，想象一个有 800 个组件的项目。您可以在特定的命名 scss 文件中轻松找到要更改的元素。搜索凌乱的styles.scss 需要更长的时间。

标签： angular webpack sass

【解决方案1】：

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

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

如果你想要的样式只应用于组件，组件样式应该在*.component.scss中。

如果你，OTOH，有影响多个组件或整个应用程序的样式，它们自然属于style.scss。

【讨论】：