HBuilder 中 LESS 自动编译为 CSS 的方法

之前介绍了webstorm 中 LESS 自动编译为 CSS 的两种方法 ， 接下来介绍在 HBuilder 中 LESS 自动编译为 CSS 的方法。

此方法也需要用到 node 环境

通过 npm 工具包安装 less，命令行 npm install less -g；通过命令 lessc 测试less是否安装成功

在 HBuilder 中打开 "工具" → "预编译器设置"，新建（没有 .less）或者编辑（有.less），进入配置页面。
配置 "触发命令地址" 选项，值为 lessc 的安装路径。
可对 “命令参数” 进行修改 ----
%FileName% ../css/%FileBaseName%.css，

保存配置后，新增修改任意less文件，可自动生成编译一个同名的css文件。