SCSS / SASS to CSS in special folder with PHPstorm 7 file watcher

Question

I used PHPstorm 6 and my SCSS-Files were compiled into the CSS-Folder, so I have:

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


        

Answer 1

To place rendered with PHPStorm File Watcher css file in css directory and keep sass file in sass directory I've changed Arguments and Output paths to refresh.

Arguments field:

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

you can remove --style expanded if you want to see css with additional spaces as it is looking in sass. this argument is only changing the indents in css file to old fashioned and drupal requires this.

and Output paths to refresh field:

$FileParentDir$/css/$FileNameWithoutExtension$.css

Answer 2

AAAAAAArrrgh!

the "backslashes" were the problem.

output path

$FileParentDir$/css/$FileNameWithoutExtension$.css