在本章中,我们将了解如何上传插件以扩展网站的功能.插件可以用来使你的工作更轻松.
命令行
要使用命令行安装插件,首先需要安装lessc插件.该插件可以在开头使用 less-plugin 进行安装.以下命令行将帮助您安装clean-css插件 :
npm install less-plugin-clean-css
直接地,您可以使用以下命令使用已安装的插件 :
lessc --plugin = path_to_plugin = options
在代码中使用插件
在Node中,插件是必需的,它是将数组作为选项插件传递给less.
var pluginName = require("pluginName");less.render(myCSS, { plugins: [pluginName] }) .then(function(output) { }, function(error) { });
在浏览器中
在less.js脚本之前,插件作者应该在页面中包含javascript文件.
较少插件列表
下表列出了LESS中可用的插件.
后处理器/功能插件
Sr.No. | 插件&描述 |
---|---|
1 | Autoprefixer 它用于在从LESS转换后为CSS添加前缀. |
2 | CSScomb 它有助于改善样式表的维护. |
3 | clean-css 它缩小了CSS的输出很少. |
4 | CSSWring 压缩或缩小来自LESS的CSS输出. |
5 | css-flip 它用于从左到右(LTR)或从右到左(RTL)生成CSS。 |
6 | functions 它将LESS的函数写入LESS本身. |
7 | glob 它用于导入多个文件. |
8 | group-css-media-queries 它执行Less的后处理. |
9 | inline-urls 自动将URL转换为数据uri. |
10 | npm-import 它从npm包中导入更少. |
11 | pleeease 用于后处理Less. |
12 | rtl LESS从ltr(从左到右)反转为rtl(从右到左). |
框架/Library导入
函数库
Sr.No . | 进口商&描述 |
---|---|
1 | advanced-color-functions 它用于查找更多对比色. |
2 | cubehelix 使用gamma校正值1,cubehelix函数可以返回两种颜色之间的颜色. |
3 | lists 这列出操作函数库. |
对于插件作者
LESS允许作者与less结合使用.
{ install: function(less, pluginManager) { }, setOptions: function(argumentString) { }, printUsage: function() { }, minVersion: [2, 0, 0]}
pluginManager 提供了一个可以添加的持有者文件管理员,后期处理者或访问者.
setOptions 函数传递字符串.
printUsage 函数用于解释选项.