Setting up LESS file watcher in webstorm

Question

If I add a "File Watcher" to compile .less files into .css files in webstorm with the default option it makes the .less file becomes a "node" and the .css file is created inside it.

The macro system seems to me a little tricky, I just want to create the .css file inside the same "style" folder in which the .less file is.

Basically now I have a structure like this:

root
  |style
    |-style.less
      |-style.css

and my goal is to obtain a structure like this:

root
  |style
    |-style.less
    |-style.css

any suggestion?

Answer 1

You will have to edit the 'File Watcher', there is Setting 'Arguments' this is what comes after the lessc command. Put somthing like this:

$FileName$ $FileNameWithoutExtension$.css

this should create your output file (.css) in the same directory.