npm 安装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文件.

less = {

plugins: [plugin]

};

较少插件列表

下表列出了LESS中可用的插件.

后处理器/功能插件Sr.No.插件&描述

1Autoprefixer

它用于在从LESS转换后为CSS添加前缀.

2CSScomb

它有助于改善样式表的维护.

3clean-css

它缩小了CSS的输出很少.

4CSSWring

压缩或缩小来自LESS的CSS输出.

5css-flip

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

6functions

它将LESS的函数写入LESS本身.

7glob

它用于导入多个文件.

8group-css-media-queries

它执行Less的后处理.

9inline-urls

自动将URL转换为数据uri.

10npm-import

它从npm包中导入更少.

11pleeease

用于后处理Less.

12rtl

LESS从ltr(从左到右)反转为rtl(从右到左).

框架/Library导入Sr.No.进口商&描述

1Bootstrap

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

2Bower Resolve

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

3Cardinal CSS for less.js

在自定义LESS代码之前，红衣主教的LESS代码是导入的.

4Flexbox Grid

最常导入的Framework或库导入程序.

5Flexible Grid System

它导入灵活网格系统.

6Ionic

它导入离子框架.

7Lesshat

它导入Lesshat mixins.

8Skeleton

它导入骨架更少的代码.

函数库Sr.No .进口商&描述

1advanced-color-functions

它用于查找更多对比色.

2cubehelix

使用gamma校正值1，cubehelix函数可以返回两种颜色之间的颜色.

3lists

这列出操作函数库.

对于插件作者

LESS允许作者与less结合使用.{

install: function(less, pluginManager) {

},

setOptions: function(argumentString) {

},

printUsage: function() {

},

minVersion: [2, 0, 0]

}

pluginManager提供了一个可以添加的持有者文件管理员，后期处理者或访问者.

setOptions函数传递字符串.

printUsage函数用于解释选项.

相关新手教程：