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

Posted 2023-03-06

【中文标题】将 sass/css 文件导入所有 Angular 组件

【英文标题】：Import sass/css file to all Angular components

【发布时间】：2020-02-13 16:00:31

【问题描述】：

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

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

【问题讨论】：

干得好，这可能是一个非常好的问题。

【参考方案1】：

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

【参考方案2】：

据我所知，这是不可能的。解决方法是您已经完成的事情 - 我正在使用一个 variables.scss 文件，我将它导入到需要这些变量的所有组件中（向 NetBasal for a short article describing this 大声疾呼）。