MNIEJ - użycie wiersza poleceń

Korzystanie z wiersza poleceń, możemy skompilować .less plik .css .

Instalowanie lessc do użytku globalnego

Następujące polecenie jest używane do zainstalowania lessc z npm (menedżerem pakietów węzłów), aby udostępnić lessc globalnie.

npm install less -g

Możesz również dodać określoną wersję po nazwie pakietu. Na przykładnpm install [email protected] -g

Instalowanie w celu tworzenia węzłów

Poniższe polecenie służy do instalowania najnowszej wersji lessc w folderze projektu.

npm i less -save-dev

Jest również dodawany do devDependencies w pliku package.json projektu.

Wydania beta programu lessc

Jest oznaczony jako beta, gdy lessc struktura jest publikowana w npmTutaj nowa funkcjonalność jest okresowo rozwijana. less -v jest używane do pobrania aktualnej wersji.

Instalowanie niepublikowanej wersji rozwojowej programu lessc

Commit - ish należy określić, kiedy przystępujemy do instalacji niepublikowanej wersji lessc i należy postępować zgodnie z instrukcjami, aby zidentyfikować adres URL git jako zależność. Zapewni to, że używasz poprawnej wersji leesc dla swojego projektu.

Wykorzystanie po stronie serwera i wiersza poleceń

bin/lessczawiera plik binarny w repozytorium. Działa z Windows, OS X i nodejs na * nix.

Wykorzystanie wiersza poleceń

Wejście jest odczytywane z stdin gdy źródło jest ustawione na myślnik lub łącznik (-).

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

Na przykład możemy skompilować .less do .css używając następującego polecenia -

lessc stylesheet.less stylesheet.css

Możemy skompilować .less do .css przez i zminimalizuj wynik za pomocą następującego polecenia.

lessc -x stylesheet.less stylesheet.css

Opcje

Poniższa tabela zawiera listę opcji używanych w użyciu wiersza poleceń -

Sr.No. Opcje i opis Komenda
1

Help

Zostanie wyświetlony komunikat pomocy z dostępnymi opcjami.

lessc -help
lessc -h
2

Include Paths

Zawiera dostępne ścieżki do biblioteki. Te ścieżki można łatwo i względnie odnosić się do plików Less. Ścieżki w oknach są oddzielone dwukropkiem (:) lub średnikiem (;).

lessc --include-path = PATH1;PATH2
3

Makefile

Generuje listę zależności importu makefile na standardowe wyjście jako wyjście.

lessc -M
lessc --depends
4

No Color

Wyłącza kolorowe wydruki.

lessc --no-color
5

No IE Compatibility

Wyłącza sprawdzanie zgodności IE.

lessc --no-ie-compat
6

Disable Javascript

Wyłącza javascript w mniejszych plikach.

lessc --no-js
7

Lint

Sprawdza składnię i zgłasza błąd bez żadnego wyjścia.

lessc --lint
lessc -l
8

Silent

Wymusza zatrzymanie wyświetlania komunikatów o błędach.

lessc --silent
lessc -s
9

Strict Imports

Wymusza ocenę importu.

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

Importuje z niezabezpieczonych hostów HTTPS.

lessc --insecure
11

Version

Wyświetla numer wersji i kończy pracę.

lessc -version
lessc -v
12

Compress

Pomaga w usuwaniu białych znaków i kompresji danych wyjściowych.

lessc -x
lessc --compress
13

Source Map Output Filename

Generuje zmapę w mniejszych ilościach. Jeśli opcja sourcemap jest zdefiniowana bez nazwy pliku, wówczas użyje mapy rozszerzeń z nazwą pliku Less jako źródłem.

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

Source Map Rootpath

Rootpath jest określona i powinna być dodana do ścieżek plików Less wewnątrz mapy źródłowej, a także do pliku mapy, który jest określony w wyjściowym css.

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

Source Map Basepath

Określono ścieżkę, którą należy usunąć ze ścieżek wyjściowych. Basepath jest przeciwieństwem opcji rootpath.

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

Source Map Less Inline

Wszystkie pliki Less powinny zostać uwzględnione w mapie źródła.

lessc --source-map-less-inline
17

Source Map Map Inline

Określa, że ​​w wyjściowym pliku css plik mapy powinien być wbudowany.

lessc --source-map-map-inline
18

Source Map URL

Adres URL może zastąpić punkty w pliku mapy w css.

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

Rootpath

Ustawia ścieżki do przepisywania adresów URL we względnych importach i adresach URL.

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

Relative URLs

W importowanych plikach adresy URL są ponownie zapisywane, aby adres URL był zawsze względny w stosunku do pliku podstawowego.

lessc -ru
lessc --relative-urls
21

Strict Math

Przetwarza wszystkie funkcje matematyczne w twoim css. Domyślnie jest wyłączone.

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

Strict Units

Pozwala na mieszane jednostki.

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

Global Variable

Zdefiniowana jest zmienna, do której może się odwoływać plik.

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

Modify Variable

W przeciwieństwie do opcji zmiennej globalnej; przenosi deklarację na koniec twojego less pliku.

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

URL Arguments

Aby przejść do każdego adresu URL, można określić argument.

lessc --url-args = "arg736357"
26

Line Numbers

Generowane jest wbudowane mapowanie źródła.

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

Plugin

Ładuje wtyczkę.

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