只有一个 CSS 文件的 Angular 应用程序 VS 每个组件都有其 CSS 文件

米克尔网

随着我的 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Angular 2应用程序中,只有两个css文件中的一个有效

来自分类Dev

库中组件的 CSS 文件未与 angular 应用程序中的组件一起加载

来自分类Dev

如何抓取一堆 scss 文件并为所有应用程序制作一个 css 文件

来自分类Dev

带有 Django 应用程序错误的静态 CSS 文件

来自分类Dev

多个 CSS 文件,包括库文件 VS 一个巨大的文件,包括所有库 css 文件

来自分类Dev

附加 CSS、JS、Bootstrap CDN 版本后,只有一个文件未正确呈现

来自分类Dev

将 css 文件导入特定组件 react 应用程序

来自分类Dev

ReactJS:将CSS导入一个文件会更改整个应用程序的样式

来自分类Dev

使用 .css 文本文件 Slyling 代号为一个应用程序

来自分类Dev

可以在带有CSS和JS文件的烧瓶应用程序中使用Bootstrap吗?

来自分类Dev

将所有JS文件捆绑到一个文件中以用于angular2应用程序

来自分类Dev

在angularjs应用程序中添加Bootstrap css文件和js文件引用有什么用?

来自分类Dev

将css样式应用于Angular 2应用程序中的所有组件

来自分类Dev

编辑css,js或另一个“ no bin”文件后,IIS Express回收应用程序池

来自分类Dev

如何在Rails应用程序中包含带有自定义CSS和JS文件的静态页面

来自分类Dev

将CSS文件放在Grails应用程序中的哪里?

来自分类Dev

Flask应用程序中CSS文件的404错误

来自分类Dev

构建Heroku应用程序部署拒绝的CSS文件

来自分类Dev

将CSS文件放在Grails应用程序中的哪里?

来自分类Dev

应用程序的基础无法加载js和CSS文件

来自分类Dev

Angular2 - 如何与另一个 css 文件共享 css 文件数据

来自分类Dev

gulp将所有css文件缩小为一个文件

来自分类Dev

为什么所有CSS文件都放在一个文件夹中?

来自分类Dev

将scss和css文件分组为具有资源的一个文件

来自分类Dev

git用于具有一个不同文件的两个应用程序

来自分类Dev

如何将.vue文件中的所有CSS代码放入一个.css文件中?

来自分类Dev

CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

来自分类Dev

CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

来自分类Dev

具有Web组件的应用程序的全局CSS

Related 相关文章

  1. 1

    在Angular 2应用程序中,只有两个css文件中的一个有效

  2. 2

    库中组件的 CSS 文件未与 angular 应用程序中的组件一起加载

  3. 3

    如何抓取一堆 scss 文件并为所有应用程序制作一个 css 文件

  4. 4

    带有 Django 应用程序错误的静态 CSS 文件

  5. 5

    多个 CSS 文件,包括库文件 VS 一个巨大的文件,包括所有库 css 文件

  6. 6

    附加 CSS、JS、Bootstrap CDN 版本后,只有一个文件未正确呈现

  7. 7

    将 css 文件导入特定组件 react 应用程序

  8. 8

    ReactJS:将CSS导入一个文件会更改整个应用程序的样式

  9. 9

    使用 .css 文本文件 Slyling 代号为一个应用程序

  10. 10

    可以在带有CSS和JS文件的烧瓶应用程序中使用Bootstrap吗?

  11. 11

    将所有JS文件捆绑到一个文件中以用于angular2应用程序

  12. 12

    在angularjs应用程序中添加Bootstrap css文件和js文件引用有什么用?

  13. 13

    将css样式应用于Angular 2应用程序中的所有组件

  14. 14

    编辑css,js或另一个“ no bin”文件后,IIS Express回收应用程序池

  15. 15

    如何在Rails应用程序中包含带有自定义CSS和JS文件的静态页面

  16. 16

    将CSS文件放在Grails应用程序中的哪里?

  17. 17

    Flask应用程序中CSS文件的404错误

  18. 18

    构建Heroku应用程序部署拒绝的CSS文件

  19. 19

    将CSS文件放在Grails应用程序中的哪里?

  20. 20

    应用程序的基础无法加载js和CSS文件

  21. 21

    Angular2 - 如何与另一个 css 文件共享 css 文件数据

  22. 22

    gulp将所有css文件缩小为一个文件

  23. 23

    为什么所有CSS文件都放在一个文件夹中?

  24. 24

    将scss和css文件分组为具有资源的一个文件

  25. 25

    git用于具有一个不同文件的两个应用程序

  26. 26

    如何将.vue文件中的所有CSS代码放入一个.css文件中?

  27. 27

    CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

  28. 28

    CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

  29. 29

    具有Web组件的应用程序的全局CSS

热门标签

归档