css - 将 sass/css 文件导入所有 Angular 组件

Question

在我的文件 var.sass 中，我定义了变量 $black。我想在我的 components.sass 文件的 ALL 中使用该变量。为此，我需要在每个文件中编写 @import 还是有更好的解决方案来做到这一点？

我们都知道，当我将这种文件导入全局 styles.sass 文件时，我不能在 components.sass 中使用这些变量。

Answer 1

您需要以某种方式将您的 var.sass 文件放入您的组件文件中。就个人而言，我的每个模块都需要自己的 styles.scss 文件，在每个 styles.scss 中，我使用 SASS @import 来获取我的全局变量文件。我有一个样板结构，用于已经具有此 css 连接的模块。但也许有一种更高级的构建时方式来包含您的全局 SASS ...