插件

插件可以上传来扩展网站的功能。插件用于使您的工作更轻松。

命令行

要使用命令行安装插件，首先需要安装lessc插件。该插件可以使用 less-plugin 开头安装。下面是安装clean-css插件的命令行:

npm install less-plugin-clean-css

如果提及了无法识别的选项，那么它会尝试加载该选项并显示一条消息，说明没有输入文件。例如:

lessc --clean-css="advanced"

直接，您可以使用以下命令使用安装的插件:

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中可用的插件列表。

后处理器/功能插件

插件	描述
Autoprefixer	它用于在从LESS转换后向CSS添加前缀。
CSScomb	它有助于改进样式表的维护。
clean-css	它缩小LESS的CSS输出。
CSSWring	它压缩或缩小LESS的CSS输出。
css-flip	它用于从左到右(LTR)或从右到左(RTL)生成CSS。
functions	在LESS本身中写入LESS的函数。
glob	使用glob表达式，可以导入多个文件。
group-css-media-queries b>	它有能力做更少的后处理。
inline-urls	自动将网址转换为数据uri。
npm-import	它有能力从npm包导入较少。
pleeease	它用于后处理Less。
rtl	LESS从ltr(从左到右)反转到rtl(从右到左)。

框架/库 Importers

Importers	描述
Bootstrap	Bootstrap LESS代码在自定义LESS代码之前导入。
Bower Resolve	LESS文件是从Bower软件包导入的。
Cardinal CSS for less.js	在定制LESS代码之前，导入Cardinal的LESS代码。
Flexbox Grid	flexboxgrid导入。
Flexible Grid System	它进口柔性网格系统。
Ionic	它进口离子骨架。
Lesshat	它进口Lesshat mixins。
Skeleton	它导入少骨骼代码。

函数库

Importers	描述
advanced-color-functions	它用于找到更多的对比色。
cubehelix	使用伽马校正值1，立方体角色函数可以返回两种颜色之间的颜色。
lists	列出操作函数库。

插件作者

LESS允许作者结合较少。

{
    install: function(less, pluginManager) {
    },
    setOptions: function(argumentString) {
    },
    printUsage: function() {
    },
    minVersion: [2, 0, 0]
}

pluginManager提供了一个持有者，可以添加文件管理器，后处理器或访问者。

setOptions函数传递字符串。

printUsage函数用于解释选项。

插件

插件

命令行