在内联Angular组件的样式中使用外部scss变量

时间:2018-03-10 16:43:07

标签: css angular webpack sass

我正在使用Angular和scss作为webapp,当我尝试在内联组件的样式中使用scss变量时,我遇到了一些问题。

我有一个_variables.scss包含一堆我想要使用的变量,但是如果我试试这个:

styles: [`
  @import '../_variables.scss';
  ...
  ...

虽然构建成功完成,但我在控制台中收到以下错误:

Failed to load ../_variables.scss

前缀下划线的切换不能解决问题。

我也尝试过:

styleUrls: ['../_variables.scss'],

并且它不会发出任何错误,但是当我尝试访问变量时,它不会被解析。

如何在内联组件风格中使用scss?

0 个答案:

没有答案