WENIGER - Plugins

In diesem Kapitel erfahren Sie, wie ein Plugin hochgeladen werden kann, um die Funktionalität der Site zu erweitern. Plugins können verwendet werden, um Ihre Arbeit zu erleichtern.

Befehlszeile

Um das Plugin über die Befehlszeile zu installieren, müssen Sie zuerst das lessc-Plugin installieren. Das Plugin kann zu Beginn mit Less-Plugin installiert werden . Die folgende Befehlszeile hilft Ihnen bei der Installation des Clean-CSS-Plugins:

npm install less-plugin-clean-css

Sie können das installierte Plugin direkt mit dem folgenden Befehl verwenden:

lessc --plugin = path_to_plugin = options

Verwenden eines Plugin-In-Codes

In Node ist das Plugin erforderlich und wird in einem Array als Options-Plugin an die weniger übergeben.

var pluginName = require("pluginName");
less.render(myCSS, { plugins: [pluginName] })
   .then(function(output) {
   },
   function(error) {
   });

Im Browser

Vor dem Skript less.js sollte der Autor des Plugins die Javascript-Datei in die Seite aufnehmen.

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

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

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

Liste der weniger Plugins

In der folgenden Tabelle sind die in LESS verfügbaren Plugins aufgeführt.

Postprozessor- / Feature-Plugins

Sr.Nr.	Plugins & Beschreibung
1	Autoprefixer Es wird verwendet, um CSS nach der Übersetzung von LESS Präfixe hinzuzufügen.
2	CSScomb Dies hilft, die Wartung Ihres Stylesheets zu verbessern.
3	clean-css Es minimiert die CSS-Ausgabe von LESS.
4	CSSWring Es komprimiert oder minimiert die CSS-Ausgabe von LESS.
5	CSS-Flip Es wird verwendet, um das CSS von links nach rechts (LTR) oder von rechts nach links (RTL) zu generieren.
6	Funktionen Es schreibt die Funktion von WENIGER in das WENIGER selbst.
7	glob Es wird verwendet, um mehrere Dateien zu importieren.
8	Gruppen-CSS-Medienabfragen Es macht die Nachbearbeitung für weniger.
9	Inline-URLs Konvertiert die URL automatisch in Daten-Uri.
10	npm-import Es importiert aus dem npm-Paket für weniger.
11	Bitte Es wird verwendet, um Less nachzubearbeiten.
12	rtl WENIGER wird von ltr (von links nach rechts) zu rtl (von rechts nach links) umgekehrt.

Framework- / Bibliotheksimporteure

Sr.Nr.	Importeure & Beschreibung
1	Bootstrap WENIGER Bootstrap-Code wird vor dem benutzerdefinierten WENIGER-Code importiert.
2	Laube auflösen WENIGER Dateien werden aus den Bower-Paketen importiert.
3	Kardinal CSS für less.js. Vor dem benutzerdefinierten LESS-Code wird der LESS-Code für Cardinal importiert.
4	Flexbox Grid Am häufigsten importierter Framework- oder Bibliotheksimporter.
5	Flexibles Rastersystem Es importiert das Flexible Grid System.
6	Ionisch Es importiert das ionische Gerüst.
7	Lesshat Es importiert die Lesshat-Mixins.
8	Skelett Es importiert den Code ohne Skelett.

Funktionsbibliotheken

Sr.Nr.	Importeure & Beschreibung
1	erweiterte Farbfunktionen Es wird verwendet, um kontrastreichere Farben zu finden.
2	Cubehelix Bei Verwendung eines Gammakorrekturwerts von 1 kann die Cubehelix-Funktion eine Farbe zwischen den beiden Farben zurückgeben.
3	Listen Hier wird die Bibliothek der Manipulationsfunktionen aufgelistet.

Für Plugin-Autoren

WENIGER erlauben einem Autor, mit weniger zu kombinieren.

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

pluginManager Bietet einen Inhaber, der Dateimanager, Postprozessoren oder Besucher hinzufügen kann.
setOptions Funktion übergibt die Zeichenfolge.
printUsage Funktion wird verwendet, um die Optionen zu erklären.