En utilisant la ligne de commande, nous pouvons compiler le .Moins fichier Css .
Installation de lessc pour une utilisation mondiale
La commande suivante est utilisée pour installer lessc avec npm (gestionnaire de packages de nœuds) pour rendre lessc disponible globalement.
npm install less -g
Vous pouvez également ajouter une version spécifique après le nom du package. Par exemplenpm install [email protected] -g
Installation pour le développement de nœuds
La commande suivante est utilisée pour installer la dernière version de lessc dans votre dossier de projet.
npm i less -save-dev
Il est également ajouté aux devDependencies dans votre projet package.json.
Versions bêta de lessc
Il est marqué comme bêta lorsque le lessc la structure est publiée dans npmIci, la nouvelle fonctionnalité est développée périodiquement. less -v est utilisé pour obtenir la version actuelle.
Installation d'une version de développement non publiée de lessc
Le commit-ish doit être spécifié, lorsque nous procédons à l'installation d'une version non publiée de lessc et que les instructions doivent être suivies pour identifier une URL git en tant que dépendance. Cela garantira que vous utilisez la bonne version de leesc pour votre projet.
Utilisation côté serveur et ligne de commande
bin/lesscinclut le binaire dans le référentiel. Il fonctionne avec Windows, OS X et nodejs sur * nix.
Utilisation de la ligne de commande
L'entrée est lue à partir de stdin lorsque la source est définie sur un tiret ou un tiret (-).
Par exemple, nous pouvons compiler .less à .css en utilisant la commande suivante -
lessc stylesheet.less stylesheet.css
Nous pouvons compiler .less à .css et réduisez le résultat à l'aide de la commande suivante.
lessc -x stylesheet.less stylesheet.css
Options
Le tableau suivant répertorie les options utilisées dans l'utilisation de la ligne de commande -
N ° Sr.
Options et description
Commander
1
Help
Un message d'aide s'affiche avec les options disponibles.
lessc -help
lessc -h
2
Include Paths
Il comprend les chemins disponibles vers la bibliothèque. Ces chemins peuvent être référencés simplement et relativement dans les fichiers Less. Les chemins dans les fenêtres sont séparés par deux points (:) ou un point-virgule (;).
lessc --include-path = PATH1;PATH2
3
Makefile
Il génère une liste de dépendances d'importation makefile vers stdout en sortie.
lessc -M
lessc --depends
4
No Color
Il désactive la sortie colorisée.
lessc --no-color
5
No IE Compatibility
Il désactive les vérifications de compatibilité IE.
lessc --no-ie-compat
6
Disable Javascript
Il désactive le javascript dans moins de fichiers.
lessc --no-js
sept
Lint
Il vérifie la syntaxe et signale une erreur sans aucune sortie.
lessc --lint
lessc -l
8
Silent
Il arrête de force l'affichage des messages d'erreur.
lessc --silent
lessc -s
9
Strict Imports
Il force évalue les importations.
lessc --strict-imports
dix
Allow Imports from Insecure HTTPS Hosts
Il importe depuis les hôtes HTTPS non sécurisés.
lessc --insecure
11
Version
Il affiche le numéro de version et quitte.
lessc -version
lessc -v
12
Compress
Il aide à supprimer les espaces et à compresser la sortie.
lessc -x
lessc --compress
13
Source Map Output Filename
Il génère le sourcemap en moins. Si l'option sourcemap est définie sans nom de fichier, elle utilisera l'extension map avec le nom de fichier Less comme source.
lessc --source-map
lessc -source-map = file.map
14
Source Map Rootpath
Rootpath est spécifié et doit être ajouté aux chemins de fichiers Less à l'intérieur du sourcemap et également au fichier de carte spécifié dans votre css de sortie.
lessc --source-map-rootpath = dev-files/
15
Source Map Basepath
Un chemin est spécifié qui doit être supprimé des chemins de sortie. Basepath est l'opposé de l'option rootpath.
lessc --source-map-basepath = less-files/
16
Source Map Less Inline
Tous les fichiers Less doivent être inclus dans le sourcemap.
lessc --source-map-less-inline
17
Source Map Map Inline
Il spécifie que dans le css de sortie, le fichier de carte doit être en ligne.
lessc --source-map-map-inline
18
Source Map URL
Une URL est autorisée à remplacer les points du fichier de carte dans le css.
lessc --source-map-url = ../my-map.json
19
Rootpath
Il définit les chemins pour la réécriture d'URL dans les importations et les URL relatives.
lessc -rp=resources/
lessc --rootpath=resources/
20
Relative URLs
Dans les fichiers importés, les URL sont réécrites afin que l'URL soit toujours relative au fichier de base.
lessc -ru
lessc --relative-urls
21
Strict Math
Il traite toutes les fonctions mathématiques de votre css. Par défaut, il est désactivé.
lessc -sm = on
lessc --strict-math = on
22
Strict Units
Il permet des unités mixtes.
lessc -su = on
lessc --strict-units = on
23
Global Variable
Une variable est définie qui peut être référencée par le fichier.
lessc --global-var = "background = green"
24
Modify Variable
Ceci est différent de l'option de variable globale; il déplace la déclaration à la fin de votre fichier less.
lessc --modify-var = "background = green"
25
URL Arguments
Pour passer à chaque URL, un argument est autorisé à spécifier.