npm 安装less插件_Less 插件

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

命令行

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

less = {

plugins: [plugin]

};

较少插件列表

以下是LESS中可用的插件列表。

后处理器/功能插件

S.N.

插件及描述

1

它用于在从LESS转换后向CSS添加前缀。

2

它有助于改进样式表的维护。

3

clean-css

它缩小LESS的CSS输出。

4

它压缩或缩小LESS的CSS输出。

5

css-flip

它用于从左到右(LTR)或从右到左(RTL)生成CSS。

6

functions

在LESS本身中写入LESS的函数。

7

使用glob表达式，可以导入多个文件。

9

inline-urls

自动将网址转换为数据uri。

10

npm-import

它有能力从npm包导入较少。

11

它用于后处理Less。

12

LESS从ltr(从左到右)反转到rtl(从右到左)。

框架/库Importers

S.N.

Importers 及描述

1

Bootstrap LESS代码在自定义LESS代码之前导入。

2

LESS文件是从Bower软件包导入的。

3

Cardinal CSS for less.js

在定制LESS代码之前，导入Cardinal的LESS代码。

4

flexboxgrid导入。

6

它进口离子骨架。

7

它进口Lesshat mixins。

8

它导入少骨骼代码。

函数库

S.N.

Importers 及描述

2

使用伽马校正值1，立方体角色函数可以返回两种颜色之间的颜色。

3

lists

列出操作函数库。

插件作者

LESS允许作者结合较少。{

install: function(less, pluginManager) {

},

setOptions: function(argumentString) {

},

printUsage: function() {

},

minVersion: [2, 0, 0]

}

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

setOptions函数传递字符串。

printUsage函数用于解释选项。