less - 如何在 Webstorm 中自动为 less 生成的 css 文件添加前缀？

Question

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

我不知道该怎么做，就是将这两个步骤结合起来。是否可以在 Webstorm 中链接文件观察程序？

可能的方法:

创建一个从文件观察器调用的批处理脚本，然后依次调用 less 和 autoprefixer。

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

让 less 转译器输出带有自定义扩展名的 css(例如，.unprefixedcss)，然后有一个专门用于该扩展名的文件观察器。

我错过了什么？

Answer 1

有一个 less 插件可以在不添加观察者的情况下完成这项工作:https://github.com/less/less-plugin-autoprefix

安装后可以添加--autoprefix="…"到 webstorms 文件观察器中的输出参数。