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 ...]
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. |
|
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 (;). |
|
3 | Makefile Ele gera uma lista de dependências de importação de makefile para stdout como saída. |
|
4 | No Color Ele desativa a saída colorida. |
|
5 | No IE Compatibility Ele desativa as verificações de compatibilidade do IE. |
|
6 | Disable Javascript Desabilita o javascript em menos arquivos. |
|
7 | Lint Ele verifica a sintaxe e relata erros sem qualquer saída. |
|
8 | Silent Ele interrompe à força a exibição de mensagens de erro. |
|
9 | Strict Imports Força avalia as importações. |
|
10 | Allow Imports from Insecure HTTPS Hosts Ele importa dos hosts HTTPS inseguros. |
|
11 | Version Ele exibe o número da versão e sai. |
|
12 | Compress Isso ajuda a remover os espaços em branco e compactar a saída. |
|
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. |
|
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. |
|
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. |
|
16 | Source Map Less Inline Todos os arquivos Less devem ser incluídos no mapa de origem. |
|
17 | Source Map Map Inline Ele especifica que no css de saída o arquivo de mapa deve ser embutido. |
|
18 | Source Map URL Um URL tem permissão para substituir os pontos no arquivo de mapa no css. |
|
19 | Rootpath Ele define caminhos para regravação de URL em importações e urls relativos. |
|
20 | Relative URLs Em arquivos importados, a URL é reescrita de forma que a URL seja sempre relativa ao arquivo base. |
|
21 | Strict Math Ele processa todas as funções matemáticas em seu css. Por padrão, ele está desligado. |
|
22 | Strict Units Ele permite unidades mistas. |
|
23 | Global Variable É definida uma variável que pode ser referenciada pelo arquivo. |
|
24 | Modify Variable Isso é diferente da opção de variável global; ele move a declaração no final do seu arquivo less. |
|
25 | URL Arguments Para passar para cada URL, um argumento pode ser especificado. |
|
26 | Line Numbers O mapeamento de origem embutido é gerado. |
|
27 | Plugin Ele carrega o plugin. |
|