LESS - Uso de linha de comando

Usando a linha de comando, podemos compilar o arquivo .less para .css .

Instalando o lessc para uso global

O comando a seguir é usado para instalar o lessc com npm (gerenciador de pacotes do nó) para tornar o lessc disponível globalmente.

npm install less -g

Você também pode adicionar uma versão específica após o nome do pacote. Por exemplonpm install [email protected] -g

Instalando para Desenvolvimento de Nó

O seguinte comando é usado para instalar a versão mais recente do lessc na pasta do seu projeto.

npm i less -save-dev

Ele também é adicionado ao devDependencies em seu projeto package.json.

Versões beta do lessc

É marcado como beta quando o lessc estrutura é publicada para npmAqui, a nova funcionalidade é desenvolvida periodicamente. less -v é usado para obter a versão atual.

Instalando uma versão de desenvolvimento não publicada do lessc

O commit - ish deve ser especificado, quando procedemos à instalação de uma versão não publicada do lessc e as instruções precisam ser seguidas para identificar um URL git como uma dependência. Isso garantirá que você esteja usando a versão correta do leesc para o seu projeto.

Uso do lado do servidor e da linha de comando

bin/lesscinclui binário no repositório. Ele funciona com Windows, OS X e nodejs em * nix.

Uso de linha de comando

A entrada é lida de stdin quando a fonte é definida como traço ou hífen (-).

lessc [option option = parameter ...]  [destination]

Por exemplo, podemos compilar .less para .css usando o seguinte comando -

lessc stylesheet.less stylesheet.css

Podemos compilar .less para .css por e reduza o resultado usando o seguinte comando.

lessc -x stylesheet.less stylesheet.css

Opções

A tabela a seguir lista as opções usadas no uso da linha de comando -

Sr. Não. Opções e descrição Comando
1

Help

A mensagem de ajuda é exibida com as opções disponíveis.

lessc -help
lessc -h
2

Include Paths

Inclui os caminhos disponíveis para a biblioteca. Esses caminhos podem ser referenciados de forma simples e relativa nos arquivos Less. Os caminhos nas janelas são separados por dois pontos (:) ou ponto e vírgula (;).

lessc --include-path = PATH1;PATH2
3

Makefile

Ele gera uma lista de dependências de importação de makefile para stdout como saída.

lessc -M
lessc --depends
4

No Color

Ele desativa a saída colorida.

lessc --no-color
5

No IE Compatibility

Ele desativa as verificações de compatibilidade do IE.

lessc --no-ie-compat
6

Disable Javascript

Desabilita o javascript em menos arquivos.

lessc --no-js
7

Lint

Ele verifica a sintaxe e relata erros sem qualquer saída.

lessc --lint
lessc -l
8

Silent

Ele interrompe à força a exibição de mensagens de erro.

lessc --silent
lessc -s
9

Strict Imports

Força avalia as importações.

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

Ele importa dos hosts HTTPS inseguros.

lessc --insecure
11

Version

Ele exibe o número da versão e sai.

lessc -version
lessc -v
12

Compress

Isso ajuda a remover os espaços em branco e compactar a saída.

lessc -x
lessc --compress
13

Source Map Output Filename

Ele gera o mapa de origem em menos. Se a opção sourcemap for definida sem o nome do arquivo, ela usará o mapa de extensão com o nome do arquivo Less como fonte.

lessc --source-map
lessc -source-map = file.map
14

Source Map Rootpath

Rootpath é especificado e deve ser adicionado aos caminhos de arquivo Less dentro do mapa de origem e também ao arquivo de mapa que é especificado em seu css de saída.

lessc --source-map-rootpath = dev-files/
15

Source Map Basepath

É especificado um caminho que deve ser removido dos caminhos de saída. O caminho de base é o oposto da opção de caminho de raiz.

lessc --source-map-basepath = less-files/
16

Source Map Less Inline

Todos os arquivos Less devem ser incluídos no mapa de origem.

lessc --source-map-less-inline
17

Source Map Map Inline

Ele especifica que no css de saída o arquivo de mapa deve ser embutido.

lessc --source-map-map-inline
18

Source Map URL

Um URL tem permissão para substituir os pontos no arquivo de mapa no css.

lessc --source-map-url = ../my-map.json
19

Rootpath

Ele define caminhos para regravação de URL em importações e urls relativos.

lessc -rp=resources/
lessc --rootpath=resources/
20

Relative URLs

Em arquivos importados, a URL é reescrita de forma que a URL seja sempre relativa ao arquivo base.

lessc -ru
lessc --relative-urls
21

Strict Math

Ele processa todas as funções matemáticas em seu css. Por padrão, ele está desligado.

lessc -sm = on
lessc --strict-math = on
22

Strict Units

Ele permite unidades mistas.

lessc -su = on
lessc --strict-units = on
23

Global Variable

É definida uma variável que pode ser referenciada pelo arquivo.

lessc --global-var = "background = green"
24

Modify Variable

Isso é diferente da opção de variável global; ele move a declaração no final do seu arquivo less.

lessc --modify-var = "background = green"
25

URL Arguments

Para passar para cada URL, um argumento pode ser especificado.

lessc --url-args = "arg736357"
26

Line Numbers

O mapeamento de origem embutido é gerado.

lessc --line-numbers = comments
lessc --line-numbers = mediaquery
lessc --line-numbers = all
27

Plugin

Ele carrega o plugin.

lessc --clean-css
lessc --plugin = clean-css = "advanced"