我在项目中使用Angular2和angular-cli。我在全局style.scss文件中定义了一些Sass变量。如何从我的自定义组件(来自component.scss)访问这些变量? Мaybe我必须在每个component.scss文件中导入带有这些变量的单独文件。
答案 0 :(得分:8)
您应该将变量放在单独的.scss
文件中,例如_vars.scss
。注意名称前面的下划线。这将告诉编译器不应该编译该文件。这意味着您只能将其与@import
一起使用。
然后在你的component.scss
你可以做(在文件的顶部):
@import "path/to/vars";
无需添加下划线或扩展名