WebStorm scss 编译器错误与转换/转换

【问题标题】：WebStorm scss compiler error with transition/transformWebStorm scss 编译器错误与转换/转换
【发布时间】：2016-10-22 11:50:24
【问题描述】：

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

我能做什么？见上图。

【问题讨论】：

请分享你的@mixin。
没有mixins。编译器仍然要求它..
“但是来自 WebStorm 的 Scss 编译器给了我这个错误。” 1) WebStorm 没有“Scss 编译器”——File Watcher 只是一个允许你执行的接口文件保存时的任何外部程序（scss 编译器，您自己安装）。 2）如果您再查看一次执行的命令（这次要小心），您会看到执行了什么命令..那里没有WebStorm。 3) 因此这个错误来自 scss 编译器.

标签： css sass

【解决方案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

【讨论】：