Angular2组件中的Sass变量

时间:2016-10-18 06:53:40

标签: angular sass

我在项目中使用Angular2和angular-cli。我在全局style.scss文件中定义了一些Sass变量。如何从我的自定义组件(来自component.scss)访问这些变量? Мaybe我必须在每个component.scss文件中导入带有这些变量的单独文件。

1 个答案:

答案 0 :(得分:8)

您应该将变量放在单独的.scss文件中,例如_vars.scss。注意名称前面的下划线。这将告诉编译器不应该编译该文件。这意味着您只能将其与@import一起使用。

然后在你的component.scss你可以做(​​在文件的顶部):

@import "path/to/vars";

无需添加下划线或扩展名