Angular 6sass全局变量

Question

我在angular6中名为styles.scss的全局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;