我想在我的Angular项目中使用SCSS。目前我只想从SCSS中使用变量。目前我一直在使用CSS变量,因为它们非常好用,你可以在styles.css中声明它们,并且可以在应用程序中的所有组件CSS文件中使用它们。
我的问题是是否有可能在SCSS中实现这一点(全局导入)?因为从一个自动全局导入的语言(CSS)转到现在需要我在需要时导入变量的语言(SCSS),我认为这很繁琐。
我有点失望,为什么更好的东西会要求我这样做。因此,我确信必须有某种方法可以不必在每个需要它们的SCSS中导入我的变量。
例如,我想在styles.scss中创建变量,然后我希望能够在任何组件的样式中使用这些变量,而无需导入任何内容。在CSS变量中,像
我的问题是是否有可能在SCSS中实现这一点(全局导入)?因为从一个自动全局导入的语言(CSS)转到现在需要我在需要时导入变量的语言(SCSS),我认为这很繁琐。
我有点失望,为什么更好的东西会要求我这样做。因此,我确信必须有某种方法可以不必在每个需要它们的SCSS中导入我的变量。
例如,我想在styles.scss中创建变量,然后我希望能够在任何组件的样式中使用这些变量,而无需导入任何内容。在CSS变量中,像
--MyVar
中的:root
是从任何组件的CSS中都可以访问的。
!global
。Sass会编译成CSS,所以我向你保证,在CSS中可能的任何事情在Sass中也同样可能。 - ESR!global
仅适用于当前.scss文件中的语句。如果我理解有误,请提供官方答案并附上示例,谢谢 :) - Paul Kruger