Angular 6sass全局变量

Question

我在angular6的全局scss中定义了一个这样的变量styles.scss

$color-redpink-dark: #E84A5F;

并且我想在scss组件中使用该变量，但是当我声明该属性时，我得到下一个输出：

  background-color: $color-redpink-dark;               
  Undefined variable: "$color-redpink-dark".

scss组件不应该使用全局scss中定义的颜色吗？

问候。

Answer 1

您必须使用以下变量在component.scss文件的开头导入具有已定义变量的文件：

@import 'your-file-name';

background-color: $color-redpink-dark;