随着我的 Angular 2/4 应用程序越来越多,我有一百多个组件,每个组件都有自己的 CSS 文件。
您认为在 index.html 中声明一个 CSS 文件并在其中包含我的所有样式会更好吗?因为我可以通过引用它的选择器来将特定的 CSS 规则应用于组件......
默认的 CSS/SCSS/LESS-Files(取决于你使用的)遵循一些约定,从src/styles.css
你的源文件夹的根目录开始。在src/app/app.component.css
你将潜入“更深”的一步。最后,您获得了每个组件的 CSS 文件。
我认为它应该是这样的:适用于所有应用程序样式(如 html 和正文样式定义)的全局样式应该在src/styles.css
. Angular-App 本身的更多特定于应用程序的全局样式应该在src/app/app.component.css
.
仅适用于单个组件的特定定义应直接在组件 css 文件中声明。
这样你就可以保持你的 CSS 有条理并遵循 DRY(不要重复自己)规则:)
问候
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句