WebStorm使用转换/转换scss编译器错误

Question

我正在尝试创建一个网页，我需要使用一些带有转换/转换的图像。但是WebStorm的Scss编译器给了我这个错误。

我该怎么办？见上图。

Answer 1

对于@include，您需要@mixin。

@MIXIN 示例：

@mixin protoName($someValue) {
  -webkit-protoName: $someValue;
     -moz-protoName: $someValue;
      -ms-protoName: $someValue;
          protoName: $someValue;
}

对于您的代码，可以是这样的：

@mixin transform($val) {
  -webkit-transform: $val;
     -moz-transform: $val;
      -ms-transform: $val;
          transform: $val;
}

main {
 .wrap {
    @include transform(rotate(45deg) translate3d(0,0,0));
 }
}

您的输出如下所示：

main .wrap {
    -webkit-transform: rotate(45deg) translate3d(0,0,0);
       -moz-transform: rotate(45deg) translate3d(0,0,0);
        -ms-transform: rotate(45deg) translate3d(0,0,0);
            transform: rotate(45deg) translate3d(0,0,0);
}

您可以阅读更多相关信息Here