angular - Angular 2 SCSS 样式

Question

我在主根文件 style.scss 中编写了 scss mixin。当我尝试在我的主组件中访问它时，它给我一个错误，因为没有名为渐变的 mixin。

请帮助我是否需要在我的组件中包含 styles.scss 文件

//linear gradient color
$from: #1279C9;
$to: #439FE7;

@mixin gradient($from, $to) {
    /* fallback/image non-cover color */
    background-color: $from;
  
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient($from, $to);
  
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to));
  
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient($from, $to);
  
    /* Opera 11.10+ */
    background-image: -o-linear-gradient($from, $to);
  }

Answer 1

我使用 master.scss 文件执行此操作，并将此文件包含在每个组件 scss 文件中

Answer 2

尝试在某个易于访问的位置（比如说 /app/scss）的某个主文件中定义 mixin，然后将该主文件导入到组件样式中，它应该是用户喜欢的位置

@import '~app/scss/master'

那么应该可以识别mixin。