Less - Plugins
在本章中，我们将了解如何上载插件以扩展站点的功能。 插件可用于使您的工作更轻松。
Command Line
要使用命令行安装插件，首先需要安装lessc插件。 插件可以在开头使用less-plugin安装。 以下命令行将帮助您安装clean-css插件 -
npm install less-plugin-clean-css
直接地，您可以使用以下命令使用已安装的插件 -
lessc --plugin = path_to_plugin = options
在代码中使用插件
在Node中，插件是必需的，它作为选项插件传递到数组中。
var pluginName = require("pluginName");
less.render(myCSS, { plugins: [pluginName] })
.then(function(output) {
},
function(error) {
});
在浏览器中
在less.js脚本之前，插件作者应该在页面中包含javascript文件。
<script src = "plugin.js"></script>
<script>
less = {
plugins: [plugin]
};
</script>
<script src = "less.min.js"></script>
少插件列表
下表列出了LESS中可用的插件。
Postprocessor/Feature Plugins
| Sr.No. | 插件和说明 |
|---|---|
| 1 | Autoprefixer 它用于在从LESS转换后为CSS添加前缀。 |
| 2 | CSScomb 它有助于改进样式表的维护。 |
| 3 | clean-css 它缩小了LESS的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（从右到左）反转。 |
Framework/Library Importers
| Sr.No. | 进口商和描述 |
|---|---|
| 1 | Bootstrap Bootstrap LESS代码在自定义LESS代码之前导入。 |
| 2 | Bower Resolve 从Bower包导入LESS文件。 |
| 3 | less.js的Cardinal CSS 在自定义LESS代码之前，导入Cardinal的LESS代码。 |
| 4 | Flexbox网格 最常导入的Framework或库导入程序。 |
| 5 | 灵活的网格系统 它导入灵活网格系统。 |
| 6 | Ionic 它进口离子骨架。 |
| 7 | Lesshat 它导入Lesshat mixins。 |
| 8 | Skeleton 它导入骨架少的代码。 |
功能库
| Sr.No. | 进口商和描述 |
|---|---|
| 1 | advanced-color-functions 它用于找到更多对比色。 |
| 2 | cubehelix 使用伽马校正值1，cubehelix函数可以返回两种颜色之间的颜色。 |
| 3 | lists 这列出了操作函数库。 |
对于插件作者
较少允许作者与较少合并。
{
install: function(less, pluginManager) {
},
setOptions: function(argumentString) {
},
printUsage: function() {
},
minVersion: [2, 0, 0]
}
pluginManager提供了一个可以添加文件管理器，后处理器或访问者的持有者。
setOptions函数传递字符串。
printUsage函数用于解释选项。
