WebStorm SCSS編譯器錯誤/變換

我試圖做一個網頁，我需要使用一些圖像用變換/過渡。但是WebStorm的Scss編譯器給了我這個錯誤。

我該怎麼辦？請參閱上圖。

2016-10-22 Danelo

請分享您的@mixin。 –

沒有mixins.And編譯器仍然要求它.. – Danelo

*「但是WebStorm的Scss編譯器給我這個錯誤。」* 1）WebStorm沒有「Scss編譯器」 - File Watcher只是一個接口，允許你在文件保存中執行任何外部程序（scss編譯器，你*自己安裝*）。 2）如果你看看再次執行的命令（這次仔細一點），你會看到執行了什麼命令......並且在那裏沒有WebStorm。 3）因此，這個錯誤來自* scss編譯器*。 – LazyOne

對於你的@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

來源

2016-10-22 12:21:29

WebStorm SCSS編譯器錯誤/變換

回答

相關問題