如何在Webstorm中自动修复由less生成的css文件？

我有Webstorm 7(在Win7上)将我的.less文件编译成带有源映射的缩小的css(在nodejs v0.10.26上使用lessc,从Webstorm中的File Watcher运行),然后我可以在生成的css上自动运行autoprefixer插入供应商前缀.

我不知道该怎么办,将两个步骤结合起来.可以在Webstorm中链接File Watchers吗？

可能的方法:

创建一个从文件观察器调用的批处理脚本,然后按顺序调用less和autoprefixer.

创建一个调用less的node.js脚本/模块,然后创建autoprefixer.

使用自定义扩展(例如,.unprefixedcss)将较少的转换器输出css,然后具有专门用于该扩展的文件监视器.

我错过了什么？

小智.. 5

有一个更少的插件,无需添加观察者即可完成这项工作:https://github.com/less/less-plugin-autoprefix

安装后,您可以--autoprefix="…"在webstorms文件观察器中添加输出参数.