LESS 教程

LESS - 插件

在本章中，我们将了解如何上传插件以扩展网站的功能.插件可以用来使你的工作更轻松.

命令行

要使用命令行安装插件，首先需要安装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文件.

<script src = "plugin.js"></script>

<script>
less = {
   plugins: [plugin]
};
</script>

<script src = "less.min.js"></script>

较少插件列表

下表列出了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	Bootstrap Bootstrap LESS代码在自定义LESS代码之前导入.
2	Bower Resolve LESS文件是从Bower软件包导入的.
3	Cardinal CSS for less.js 在自定义LESS代码之前，红衣主教的LESS代码是导入的.
4	Flexbox Grid 最常导入的Framework或库导入程序.
5	Flexible Grid System 它导入灵活网格系统.
6	Ionic 它导入离子框架.
7	Lesshat 它导入Lesshat mixins.
8	Skeleton 它导入骨架更少的代码.

函数库

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]
}