PHPStorm: How do I setup LESS to output to CSS directory with file watcher?

css, less, phpstorm

Solution

See my related answer for JADE file watcher, I believe it would be the same for LESS.

The trick is to use `$FileDirPathFromParent(dir)$` macro:

`$ProjectFileDir$/css/$FileDirPathFromParent(less)$` will produce `/project/path/css/dir/` for a file located in `/project/path/less/dir/` directory.

Problem

How do, using File Watchers in PHPStorm do I set up LESS file watchers output path to do this: I want: /project/path/less/dir/file.less to output to: /project/path/css/dir/file.css or /project/path/less/file2.less to output to: /project/path/css/file2.css I'm not seeing a clear way to make this happen with the Output Path macros in PHPstorm. With the FileDirRelativeToProjectRoot macro, I'm able to get the path to the current directory, but there is no clear way to replace /less with /css in the path.

Original source

Related problems