如何以正确的方式将1个CSS文件用于n .ts文件？

Question

可能是一个简单的问题，但我想知道正确的方法。 我可以创建不带.ts文件的.css文件，并将此.css文件用于多个组件吗？

例如，我有3个组件，如果我只想对这3个组件使用通用的CSS，该怎么办？

如果我要为它们使用通用的css文件，但又另外一个问题，如果我希望其中一个使用其自己的css文件，另外要使用通用的.css文件，是否可以？

Answer 1

styleUrls装饰器内的@Component属性是一个数组，它可以接受多个样式表文件：

styleUrls: ['@commons/commons-style.css', './app.component.css'];

并在要导入通用样式的任何文件中执行相同的操作。顺序很重要，因为样式是级联应用的。

Answer 2

这是我在Angular应用中所做的事情：

includes文件夹中的所有内容均可以被主要样式（在/scss中）或包含在组件.scss文件中的以下项重用：

@import '../../../../scss/includes/variables';

Answer 3

您可以执行Cristian所说的，但也可以在angular.json文件中将css包含在styles数组中，但这会影响所有组件，这是唯一的缺点。