关注我们

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

jiahuajiahua 前端技术 2018-06-14 1211 0

HBuilder配置自动编译需要在电脑安装node环境

1.node环境教程:http://www.runoob.com/nodejs/nodejs-install-setup.html

2.配置less预编译环境

a.以管理员的方式进入命令提示窗口

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

b.安装全局安装less和less-plugin-functions

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

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

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

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

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

其中的--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"。

版权声明

本文仅代表作者观点,不代表本站立场。
文章如未标注转载均为本站原创,自由转载请表明出处《家华同学》。

喜欢0发布评论

评论列表

发表评论

  • 昵称(必填)
  • 邮箱
  • 网址