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

Question

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:

Answer 1

I had a similar problem with getting scss file watcher to output to the css directory

This is what I did.

1. In Arguments, --no-cache --update $ProjectFileDir$/css/style.css
2. In Output paths to refresh, $ProjectFileDir$/css/$FileDirPathFromParent(scss)$$FileNameWithoutExtension$.css

You can modify this to work with LESS