Mit Hilfe der Befehlszeile, können wir die kompilieren .Weniger Datei zu .css .
Lessc für den weltweiten Einsatz installieren
Der folgende Befehl wird verwendet, um lessc mit npm (Node Package Manager) zu installieren, um lessc global verfügbar zu machen.
npm install less -g
Sie können auch eine bestimmte Version nach dem Paketnamen hinzufügen. Zum Beispielnpm install [email protected] -g
Installation für die Knotenentwicklung
Der folgende Befehl wird verwendet, um die neueste Version von lessc in Ihrem Projektordner zu installieren .
npm i less -save-dev
Es wird auch zu den devDependencies in Ihrem Projekt package.json hinzugefügt.
Beta-Versionen von lessc
Es wird als Beta markiert, wenn die lessc Struktur wird veröffentlicht zu npmHier wird die neue Funktionalität regelmäßig weiterentwickelt. less -v wird verwendet, um die aktuelle Version abzurufen .
Installation einer unveröffentlichten Entwicklungsversion von lessc
Das Commit-ish muss angegeben werden, wenn wir eine unveröffentlichte Version von lessc installieren und die Anweisungen zum Identifizieren einer Git-URL als Abhängigkeit befolgt werden müssen. Dadurch wird sichergestellt, dass Sie die richtige Version von leesc für Ihr Projekt verwenden.
Serverseitige und Befehlszeilenverwendung
bin/lesscEnthält Binärdateien im Repository. Es funktioniert mit Windows, OS X und NodeJS unter * nix.
Befehlszeilenverwendung
Eingang wird gelesen von stdin wenn die Quelle auf Bindestrich oder Bindestrich (-) eingestellt ist.
Zum Beispiel können wir kompilieren .less zu .css mit dem folgenden Befehl -
lessc stylesheet.less stylesheet.css
Wir können kompilieren .less zu .css durch und minimieren Sie das Ergebnis mit dem folgenden Befehl.
lessc -x stylesheet.less stylesheet.css
Optionen
In der folgenden Tabelle sind die Optionen aufgeführt, die bei der Verwendung der Befehlszeile verwendet werden.
Sr.Nr.
Optionen & Beschreibung
Befehl
1
Help
Die Hilfemeldung wird mit den verfügbaren Optionen angezeigt.
lessc -help
lessc -h
2
Include Paths
Es enthält die verfügbaren Pfade zur Bibliothek. Diese Pfade können in den Less-Dateien einfach und relativ referenziert werden. Die Pfade in Fenstern werden durch Doppelpunkt (:) oder Semikolon (;) getrennt.
lessc --include-path = PATH1;PATH2
3
Makefile
Es generiert eine Makefile-Importabhängigkeitsliste für stdout als Ausgabe.
lessc -M
lessc --depends
4
No Color
Es deaktiviert die kolorierte Ausgabe.
lessc --no-color
5
No IE Compatibility
Es deaktiviert die IE-Kompatibilitätsprüfungen.
lessc --no-ie-compat
6
Disable Javascript
Es deaktiviert das Javascript in weniger Dateien.
lessc --no-js
7
Lint
Es überprüft die Syntax und meldet Fehler ohne Ausgabe.
lessc --lint
lessc -l
8
Silent
Die Anzeige von Fehlermeldungen wird gewaltsam gestoppt.
lessc --silent
lessc -s
9
Strict Imports
Es erzwingt die Auswertung von Importen.
lessc --strict-imports
10
Allow Imports from Insecure HTTPS Hosts
Es wird von den unsicheren HTTPS-Hosts importiert.
lessc --insecure
11
Version
Es zeigt die Versionsnummer an und wird beendet.
lessc -version
lessc -v
12
Compress
Es hilft beim Entfernen der Leerzeichen und beim Komprimieren der Ausgabe.
lessc -x
lessc --compress
13
Source Map Output Filename
Es generiert die Quellkarte in weniger. Wenn die Option Quellkarte ohne Dateinamen definiert ist, wird die Erweiterungszuordnung mit dem Dateinamen Weniger als Quelle verwendet.
lessc --source-map
lessc -source-map = file.map
14
Source Map Rootpath
Rootpath ist angegeben und sollte zu Less-Dateipfaden in der Quellkarte sowie zu der Map-Datei hinzugefügt werden, die in Ihrer Ausgabe-CSS angegeben ist.
lessc --source-map-rootpath = dev-files/
15
Source Map Basepath
Es wird ein Pfad angegeben, der aus den Ausgabepfaden entfernt werden muss. Basepath ist das Gegenteil der Rootpath-Option.
lessc --source-map-basepath = less-files/
16
Source Map Less Inline
Alle Less-Dateien sollten in der Quellkarte enthalten sein.
lessc --source-map-less-inline
17
Source Map Map Inline
Es gibt an, dass in der Ausgabe-CSS die Map-Datei inline sein soll.
lessc --source-map-map-inline
18
Source Map URL
Eine URL darf die Punkte in der Kartendatei im CSS überschreiben.
lessc --source-map-url = ../my-map.json
19
Rootpath
Es legt Pfade für das Umschreiben von URLs in relativen Importen und URLs fest.
lessc -rp=resources/
lessc --rootpath=resources/
20
Relative URLs
In importierten Dateien wird die URL neu geschrieben, sodass die URL immer relativ zur Basisdatei ist.
lessc -ru
lessc --relative-urls
21
Strict Math
Es verarbeitet alle mathematischen Funktionen in Ihrem CSS. Standardmäßig ist es ausgeschaltet.
lessc -sm = on
lessc --strict-math = on
22
Strict Units
Es erlaubt gemischte Einheiten.
lessc -su = on
lessc --strict-units = on
23
Global Variable
Es wird eine Variable definiert, auf die die Datei verweisen kann.
lessc --global-var = "background = green"
24
Modify Variable
Dies unterscheidet sich von der Option für globale Variablen. Die Deklaration wird am Ende Ihrer weniger Datei verschoben.
lessc --modify-var = "background = green"
25
URL Arguments
Um zu jeder URL zu gelangen, darf ein Argument angegeben werden.