Angular2模块级别的样式表

sass CSS

NearL

2020-03-24

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

那么这是一个好方法吗?

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

第3355篇《Angular2模块级别的样式表》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
十三 2020.03.24

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

那么这是一个好方法吗?

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

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

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

番长 2020.03.24

那么这是一个好方法吗?

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

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android