之前介绍了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文件。