AngularSCSS全局变量导入

我想在我的Angular项目中转到SCSS.到目前为止,我想从SCSS中唯一使用的是变量.目前我一直在使用非常好的CSS变量,因为你:root在我的styles.css中声明它们然后你可以在应用程序的所有组件的CSS文件中使用它们.

我的问题是SCSS(全球导入)是否可行？因为我觉得从一种全局导入的语言(CSS)转移到现在需要我在任何需要的地方导入变量(SCSS)的东西都非常繁琐.

我对为什么更好的版本需要我这样做有点失望.因此,我确信必须有一些方法可以不必在我需要的每个SCSS中导入我的变量.

例如,我想在styles.scss中创建变量,然后我希望能够在我的任何组件样式中使用这些变量,而无需导入任何内容.在CSS --MyVar中:root,可以从任何组件的CSS访问像in 这样的变量.