HBuilder配置自動編譯Less(包含less-plugin-functions)
阿新 • • 發佈:2019-01-23
less中不能自定義函式讓人感覺功能有點太弱, 不過有人開發了less-plugin-functions這個外掛, 也可以滿足定義我們定義函式的需要.
首先全域性安裝less和less-plugin-functions
npm i less -g
npm 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"
.
歡迎批評指正!