随着我的Angular 2/4应用越来越多，我有超过一百个组件，每个组件都有它的CSS文件。
你认为在index.html中声明一个CSS文件并在那里拥有我的所有样式会更好吗？ 因为我可以通过引用其选择器将特定的CSS规则应用于组件......
答案 0 :(得分：0)
imo你应该为每个组件分别有一个css文件，但也有一个用于共享样式的全局css文件
答案 1 :(得分：0)
为每个组件分别创建文件是一个非常好的主意。 为了维护一个具有漂亮和干净的CSS架构的可扩展项目，我建议像ITCSS这样的东西 https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/
如果您尚未使用它们，请考虑使用SASS和LESS等预处理器。
答案 2 :(得分：0)
默认情况下，CSS / SCSS / LESS-Files（取决于您使用的内容）遵循一些惯例，从您的Source-Folder根目录中的src/styles.css开始。
在src/app/app.component.css中，您将深入了解步骤＆＃34;更深层次＆＃34;。最后，您获得了每个组件的CSS文件。
我认为它应该是这样的：
适用于所有Applications-Styles（如html和body样式定义）的全局样式应在src/styles.css中声明。应该在src/app/app.component.css中声明更多应用程序特定的Angular-App本身的全局样式。
仅适用于单个组件的特定定义应直接在组件css文件中声明。
通过这种方式，您可以保持CSS的整洁，并遵循DRY（不要重复自己）规则：）
问候