在Angular中导入全局变量 SCSS

在Angular项目中，可以使用scss来编写样式。在scss文件中，可以定义全局的变量，方便在多个组件中使用同一种颜色或字体等属性。以下是如何在Angular项目中导入全局变量scss的步骤：

1. 创建一个 styles.scss 文件来定义全局变量，比如：

// Define global variables
$primary-color: #007bff;
$secondary-color: #6c757d;
$font-family: Arial, sans-serif;

2. 在 angular.json 的 styles 中添加 styles.scss 对应的路径，如：

"styles": [
    "src/styles.scss"
]

3. 在组件的scss文件中通过 @import 导入全局变量，比如：

// Import global variables
@import 'styles';
// Use global variable for primary color
button {
    background-color: $primary-color;
}

这样，在 button 中就可以使用 $primary-color 定义的颜色了。

需要注意的是，如果是在组件层级下的scss文件中定义的全局变量，需要通过 Angular提供的 ViewEncapsulation机制来使这些样式只作用在该组件内部，不影响其他组件的样式。

以上是在Angular项目中导入全局变量scss的简介，希望对你有所帮助。