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プラグインのリスト

次の表は、LESSで使用可能なプラグインの一覧です。

ポストプロセッサ/機能プラグイン

Sr.No.	Plugins & Description
1	Autoprefixer LESSからの変換後にCSSにプレフィックスを追加するために使用されます。
2	CSScomb スタイルシートのメンテナンスを改善するのに役立ちます。
3	clean-css LESSからのCSS出力を縮小します。
4	CSSWring LESSからのCSS出力を圧縮または縮小します。
5	css-flip CSSは、左から右（LTR）または右から左（RTL）から生成するために使用されます。
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（右から左）に反転します。

フレームワーク/ライブラリインポーター

Sr.No.	Importers & Description
1	Bootstrap ブートストラップLESSコードは、カスタムLESSコードの前にインポートされます。
2	Bower Resolve LESSファイルはBowerパッケージからインポートされます。
3	Cardinal CSS for less.js カスタムLESSコードの前に、CardinalのLESSコードがインポートされます。
4	Flexbox Grid 最も一般的にインポートされるフレームワークまたはライブラリインポーター。
5	Flexible Grid System Flexible Grid Systemをインポートします。
6	Ionic イオンフレームワークをインポートします。
7	Lesshat Lesshatミックスインをインポートします。
8	Skeleton スケルトンより少ないコードをインポートします。

関数ライブラリ

Sr.No.

Importers & Description

1

advanced-color-functions

より対照的な色を見つけるために使用されます。

2

cubehelix

ガンマ補正値1を使用すると、cubehelix関数は2つの色の間の色を返すことができます。

3

lists

これは、操作関数ライブラリをリストします。

プラグイン作成者向け

LESSを使用すると、作成者はより少ないものと組み合わせることができます。

{
   install: function(less, pluginManager) {
   },

   setOptions: function(argumentString) {
   },

   printUsage: function() {
   },

   minVersion: [2, 0, 0]
}

pluginManager は、ファイルマネージャー、ポストプロセッサー、または訪問者を追加できるホルダーを提供します。
setOptions 関数は文字列を渡します。
printUsage 関数を使用してオプションを説明します。

Less-plugins

目次