How to set PhpStorm scss watcher if css and scss are separate sibling folders in static

Question

I'm using PhpStorm. I've installed Ruby and npm Sass. I want to set scss watcher like below:

input FileDir is

"c:\test\static\scss\(can be file  folder\file or folder\folder\file)"

output FileDir is

"c:\test\static\css\(can be file or folder\file or folder\folder\file)"

So I just want to simply change \scss\ to \csss\ of FileDir.

This is what I'm doing for setting in PhpStorm.

Arguments:

 --update $FileName$:$ContentRoot$\static\scss\$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

Ouput paths to refresh:

1.(tried)
 $ContentRoot$\static\css\$FileDirPathFromParent(css)$$FileNameWithoutExtension$.css

2.(tried)
$ContentRoot$\static\css\$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

It makes a css file under c:\test\static\scss\ folder not c:\test\static\css\ folder.

What should I do?

Answer 1

I'd suggest changing arguments as follows:

Arguments: $FileName$:$ProjectFileDir$\static\css\$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

Ouput paths to refresh: $ProjectFileDir$/static/css/$FileDirPathFromParent(scss)$/$FileNameWithoutExtension$.css:$ProjectFileDir$/static/css/$FileDirPathFromParent(scss)$/$FileNameWithoutExtension$.css.map