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

此方法也需要用到 node 环境

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

HBuilder 中打开 "工具""预编译器设置",新建(没有 .less)或者编辑(有.less),进入配置页面。
配置 "触发命令地址" 选项,值为 lessc 的安装路径。
可对 “命令参数” 进行修改 ----
%FileName% ../css/%FileBaseName%.cssHBuilder 中 LESS 自动编译为 CSS 的方法

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

相关文章: