全局导入 scss 变量，可用于所有角度组件

Posted 2023-03-06

【中文标题】全局导入 scss 变量，可用于所有角度组件

【英文标题】：Globally import scss variables, to be usable on all angular components

【发布时间】：2021-01-09 20:14:53

【问题描述】：

我有一个包含颜色变量的内部库，我能够从 node_modules 中获取它并将其导入任何组件，我已将其导入到 styles.scss 中，希望子组件将继承该变量，使颜色易于使用。

我面临的挑战是，我需要在使用它们之前在每个组件上导入变量，即使我已将它们导入到 styles.scss 上。我希望能够在任何组件上使用颜色，基本上将它们全局导入并在整个项目中使用

我已经研究过这个 (Angular SCSS Global Variable Import) 类似的问题，但似乎对于您需要导入的所有用途，这是我不想做的

（Global scss variables for Angular components without importing them everytime）第一个答案似乎很有趣，我想在这个意义上使用它，但我的变量就像第二个答案的变量，请帮助

【参考方案1】：

经过彻底的谷歌搜索和头发拉扯，终于意识到实现我正在寻找的唯一方法是将我的变量添加到:root 伪。这样我就可以在我的主要样式上导入一次变量，然后在任何组件级别上使用它们