Angular2模块级别的样式表

我正在使用以模块化结构设计网站,并且愿意组织样式表,以便在每个模块级别(而不是组件级别)定义样式表,然后将其导入所有组件中以保持标准整个模块的布局。

那么这是一个好方法吗?

如果是,是否有方法将CSS从module.ts文件导出到所有组件。以非常类似的方式,使用来提供服务providers这将使我免于在所有组件中单独导入相同CSS文件的麻烦。

十三2020/03/24 14:13:59

是。绝对好的方法是每个组件都有不同的样式表。甚至Angular CLI也遵循相同的方法。您可以看看并开始使用:LINK

那么这是一个好方法吗?

是的,当为Angular应用程序安排文件结构时,这是一种完美的方法。

如果是,是否存在将CSS从module.ts文件导出到所有组件的方法。

默认情况下,Angular CLI不会为模块提供任何样式表,这也很有意义。为什么需要模块级别的样式表?您可以在组件级别的样式表中添加与组件​​相关的样式,如果需要,还可以在项目级别添加一个样式表,在其中可以为项目添加所有常见样式。

番长2020/03/24 14:13:59

那么这是一个好方法吗?

其主观。Angular模块有助于将应用程序组织成功能紧密的模块。我想为不同的块功能使用不同的样式吗?不大可能。

有没有一种方法可以将CSS从module.ts文件导出到所有组件。

否。仅在组件级别受支持。解决方法是让所有模块组件都引用单个css文件。然后,再次好的做法是将CSS模块化并在组件级别使用它们。