SCSS/SASS到CSS中的特殊文件夹与PHPstorm 7文件观察器

Question

我使用PHPstorm 6,我的SCSS-Files被编译到CSS-Folder中,所以我有:

css
  -- main.css
img
js
scss
  -- main.scss
  -- _variables.scss   ...

Hier是我对SCSS File Watcher的定义

Everthing工作正常,但昨天我将我的PHPstorm从版本6更新为7,现在我的SCSS编译/文件观察器不再工作了.File Watcher将CSS-File编译为SCSS-Folder.但我希望它在我的CSS文件夹中!

你在PHPSTorm 7 Filewatcher for SCSS Files中的设置是什么？

这是我的数据结构,你会看到文件style.css与FileDirName/css/style.css一个文件夹"to high"..

Answer 1

AAAAAAArrrgh!

"反斜杠"是问题所在.

输出路径

$FileParentDir$/css/$FileNameWithoutExtension$.css

Answer 2

要使用PHPStorm File Watcher css文件在css目录中进行渲染,并将sass文件保存在sass目录中,我已经更改了Arguments和Output路径以进行刷新.

参数字段:

--no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css --style expanded 

你可以删除,--style expanded如果你想看到带有额外空格的css,因为它正在查看sass.这个论点只是将css文件中的缩进更改为老式和drupal需要这个.

和刷新字段的输出路径:

$FileParentDir$/css/$FileNameWithoutExtension$.css