webstorm配置scss的编译和遇到的坑

webstorm有多么强大，就不多说。今天来分享一篇关于webstorm自动编译scss的步骤和我遇到的坑，希望对大家有所帮助。配置步骤如下

通常这样设置后，就可以正常的编译scss文件了，如果你对css编译出来的路径有要求则可以做一步的设置，就在Argumnets的路径做修改，如：

--no-cache --update --sourcemap --watch $FileName$:css/$FileNameWithoutExtension$.css

这里的$FileName$:表示scss文件的当前路径，这里加了css/则在scss文件路径下创建一个css的文件夹，之后编译出来的css文件就放在这。温馨提示：css/这里的/不能省略。

通过以上的配置，正常情况下则可以正常开发了！！！

但是有时候现实总是骨感的。配置完开始撸scss的时候，发现webstorm开始报错了：

经过一折腾说是要在Argumnets参数添加--trace

添加完之后，继续编辑scss结果报另外的错误：

这里只需要到 C:\Ruby22\lib\ruby\gems\2.2.0\gems\sass-3.4.24\lib\sass\importers
找到filesystem.rb这个文件，做如下更改：

更改前

更改后

这样就ok了，好了可以愉快的开发了！！！！！