webstorm less插件编译配置

今天上班第一天，接手上级分配的任务做了一个活动页面，

其中我发现node 做的活动页面，引用的是css 但是实际文件是less 或则scss，这点很好气，

问了下同事，同事说这是webstorm配置的编写时编译的工具

步骤less为例子

npm install -g less

打开webstorm的Perference => File Watcher => 添加less 类型的编译解析

tip：这里有个坑，暂时不知道是webstorm的版本问题还是其他原因

我配置Argument的时候，使用同事的代码压缩插件，生成的代码是空白的。

但是使用的是默认配置的时候，生成的是正常的。。。。

$FileName$
$FileNameWithoutExtension$.css
--plugin=less-plugin-clean-css