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文件。