HBuilder配置自动编译Less(包含less-plugin-functions)

less中不能自定义函数让人感觉功能有点太弱, 不过有人开发了less-plugin-functions这个插件, 也可以满足定义我们定义函数的需要.

首先全局安装less和less-plugin-functions

npm i less -gnpm i less-plugin-functions -g

然后打开工具 -> 预编译器设置, 设置如下图:

其中的--functions就是指定less-plugin-functions 插件, less帮助文档中这样说明:

–plugin=PLUGIN=OPTIONS Loads a plugin.
You can also omit the –plugin= if the plugin begins less-plugin. E.g. the clean css plugin is called less-plugin-clean-css
once installed (npm install less-plugin-clean-css), use either with
–plugin=less-plugin-clean-css or just –clean-css
specify options afterwards e.g. –plugin=less-plugin-clean-css=”advanced”
or –clean-css=”advanced” `

以less-plugin-clean-css为例, 这个插件名称是以less-plugin开头的,
就可以直接写--clean-css的形式,
也可以写全: --plugin=less-plugin-clean-css,
如果要向插件传递参数, 则是: --plugin=less-plugin-clean-css="advanced".

欢迎批评指正!