Utilizzando la riga di comando, possiamo compilare il file .less in .css .
Installazione di lessc per l'utilizzo globale
Il seguente comando viene utilizzato per installare lessc con npm (gestore di pacchetti del nodo) per rendere lessc disponibile a livello globale.
npm install less -g
Puoi anche aggiungere una versione specifica dopo il nome del pacchetto. Per esempionpm install [email protected] -g
Installazione per lo sviluppo del nodo
Il comando seguente viene utilizzato per installare l'ultima versione di lessc nella cartella del progetto.
npm i less -save-dev
Viene anche aggiunto a devDependencies nel tuo progetto package.json.
Rilasci beta di lessc
È contrassegnato come beta quando il lessc la struttura è pubblicata su npmQui, la nuova funzionalità viene sviluppata periodicamente. less -v viene utilizzato per ottenere la versione corrente.
Installazione di una versione di sviluppo non pubblicata di lessc
Il commit deve essere specificato quando si procede all'installazione di una versione non pubblicata di lessc e devono essere seguite le istruzioni per identificare un URL git come dipendenza. Ciò assicurerà di utilizzare la versione corretta di leesc per il progetto.
Utilizzo lato server e riga di comando
bin/lesscinclude binario nel repository. Funziona con Windows, OS X e nodejs su * nix.
Utilizzo della riga di comando
L'input viene letto da stdin quando la sorgente è impostata su trattino o trattino (-).
Ad esempio, possiamo compilare .less per .css utilizzando il seguente comando:
lessc stylesheet.less stylesheet.css
Possiamo compilare .less per .css da e minimizza il risultato usando il seguente comando.
lessc -x stylesheet.less stylesheet.css
Opzioni
La tabella seguente elenca le opzioni utilizzate nell'utilizzo della riga di comando:
Sr.No.
Opzioni e descrizione
Comando
1
Help
Viene visualizzato un messaggio di aiuto con le opzioni disponibili.
lessc -help
lessc -h
2
Include Paths
Include i percorsi disponibili per la libreria. Questi percorsi possono essere referenziati in modo semplice e relativo nei file Less. I percorsi in Windows sono separati da due punti (:) o punto e virgola (;).
lessc --include-path = PATH1;PATH2
3
Makefile
Genera un elenco delle dipendenze di importazione del makefile su stdout come output.
lessc -M
lessc --depends
4
No Color
Disabilita l'output colorato.
lessc --no-color
5
No IE Compatibility
Disabilita i controlli di compatibilità di IE.
lessc --no-ie-compat
6
Disable Javascript
Disabilita il javascript in meno file.
lessc --no-js
7
Lint
Controlla la sintassi e segnala gli errori senza alcun output.
lessc --lint
lessc -l
8
Silent
Arresta forzatamente la visualizzazione dei messaggi di errore.
lessc --silent
lessc -s
9
Strict Imports
Forza valuta le importazioni.
lessc --strict-imports
10
Allow Imports from Insecure HTTPS Hosts
Importa dagli host HTTPS non sicuri.
lessc --insecure
11
Version
Visualizza il numero di versione ed esce.
lessc -version
lessc -v
12
Compress
Aiuta a rimuovere gli spazi bianchi e a comprimere l'output.
lessc -x
lessc --compress
13
Source Map Output Filename
Genera la mappa sorgente in meno. Se l'opzione sourcemap è definita senza nome file, utilizzerà la mappa di estensione con il nome file Less come origine.
lessc --source-map
lessc -source-map = file.map
14
Source Map Rootpath
Rootpath è specificato e dovrebbe essere aggiunto a Less file path all'interno della sourcemap e anche al map file specificato nel css di output.
lessc --source-map-rootpath = dev-files/
15
Source Map Basepath
Viene specificato un percorso che deve essere rimosso dai percorsi di output. Basepath è l'opposto dell'opzione rootpath.
lessc --source-map-basepath = less-files/
16
Source Map Less Inline
Tutti i file Less dovrebbero essere inclusi nella mappa sorgente.
lessc --source-map-less-inline
17
Source Map Map Inline
Specifica che nell'output css il map file deve essere inline.
lessc --source-map-map-inline
18
Source Map URL
Un URL può sovrascrivere i punti nel map file nel css.
lessc --source-map-url = ../my-map.json
19
Rootpath
Imposta i percorsi per la riscrittura degli URL nelle importazioni e negli URL relativi.
lessc -rp=resources/
lessc --rootpath=resources/
20
Relative URLs
Nei file importati, l'URL viene riscritto in modo che l'URL sia sempre relativo al file di base.
lessc -ru
lessc --relative-urls
21
Strict Math
Elabora tutte le funzioni matematiche nel tuo css. Per impostazione predefinita, è disattivato.
lessc -sm = on
lessc --strict-math = on
22
Strict Units
Consente unità miste.
lessc -su = on
lessc --strict-units = on
23
Global Variable
Viene definita una variabile a cui può fare riferimento il file.
lessc --global-var = "background = green"
24
Modify Variable
Questo è diverso dall'opzione della variabile globale; sposta la dichiarazione alla fine del tuo file less.
lessc --modify-var = "background = green"
25
URL Arguments
Per passare a ogni URL, è consentito specificare un argomento.
lessc --url-args = "arg736357"
26
Line Numbers
Viene generata la mappatura della sorgente inline.