МЕНЬШЕ - использование командной строки

С помощью командной строки, мы можем скомпилировать .less файл .css .

Установка lessc для глобального использования

Следующая команда используется для установки lessc с помощью npm (диспетчера пакетов узлов), чтобы сделать lessc доступным глобально.

npm install less -g

Вы также можете добавить конкретную версию после имени пакета. Напримерnpm install [email protected] -g

Установка для разработки узла

Следующая команда используется для установки последней версии lessc в папку вашего проекта.

npm i less -save-dev

Он также добавлен в devDependencies в вашем проекте package.json.

Бета-версии lessc

Он помечается как бета, когда lessc структура опубликована в npmЗдесь периодически разрабатывается новый функционал. less -v используется для получения текущей версии.

Установка неопубликованной разрабатываемой версии lessc

Фиксация должна быть указана, когда мы перейдем к установке неопубликованной версии lessc, и необходимо следовать инструкциям для идентификации git URL как зависимости. Это гарантирует, что вы используете правильную версию leesc для своего проекта.

Использование на стороне сервера и командной строки

bin/lesscвключает двоичный файл в репозиторий. Он работает с Windows, OS X и nodejs на * nix.

Использование командной строки

Ввод читается из stdin когда источник установлен на тире или дефис (-).

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

Например, мы можем скомпилировать .less к .css с помощью следующей команды -

lessc stylesheet.less stylesheet.css

Мы можем скомпилировать .less к .css и уменьшите результат, используя следующую команду.

lessc -x stylesheet.less stylesheet.css

Параметры

В следующей таблице перечислены параметры, используемые при использовании командной строки.

Sr. No. Опции и описание Команда
1

Help

Отображается справочное сообщение с доступными параметрами.

lessc -help
lessc -h
2

Include Paths

Он включает доступные пути к библиотеке. На эти пути можно просто и относительно просто ссылаться в файлах Less. Пути в окнах разделяются двоеточием (:) или точкой с запятой (;).

lessc --include-path = PATH1;PATH2
3

Makefile

Он генерирует список зависимостей импорта make-файла на стандартный вывод в качестве вывода.

lessc -M
lessc --depends
4

No Color

Отключает цветной вывод.

lessc --no-color
5

No IE Compatibility

Он отключает проверки совместимости IE.

lessc --no-ie-compat
6

Disable Javascript

Он отключает javascript в меньшем количестве файлов.

lessc --no-js
7

Lint

Он проверяет синтаксис и сообщает об ошибке без вывода.

lessc --lint
lessc -l
8

Silent

Он принудительно останавливает отображение сообщений об ошибках.

lessc --silent
lessc -s
9

Strict Imports

Это сила оценивает импорт.

lessc --strict-imports
10

Allow Imports from Insecure HTTPS Hosts

Он импортирует с небезопасных хостов HTTPS.

lessc --insecure
11

Version

Он отображает номер версии и завершает работу.

lessc -version
lessc -v
12

Compress

Это помогает удалить пробелы и сжать вывод.

lessc -x
lessc --compress
13

Source Map Output Filename

Он генерирует исходную карту с меньшими затратами. Если опция sourcemap определена без имени файла, тогда в качестве источника будет использоваться карта расширения с меньшим именем файла.

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

Source Map Rootpath

Rootpath указан и должен быть добавлен в Less file paths внутри карты источников, а также в файл карты, который указан в вашем выходном CSS.

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

Source Map Basepath

Указан путь, который необходимо удалить из выходных путей. Базовый путь противоположен опции корневого пути.

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

Source Map Less Inline

Все файлы Less должны быть включены в исходную карту.

lessc --source-map-less-inline
17

Source Map Map Inline

Он указывает, что в выходном CSS файл карты должен быть встроенным.

lessc --source-map-map-inline
18

Source Map URL

URL-адрес может заменять точки в файле карты в CSS.

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

Rootpath

Он устанавливает пути для перезаписи URL-адресов в относительных импортах и ​​URL-адресах.

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

Relative URLs

В импортированных файлах URL-адрес переписывается так, чтобы URL-адрес всегда относился к базовому файлу.

lessc -ru
lessc --relative-urls
21 год

Strict Math

Он обрабатывает все математические функции в вашем CSS. По умолчанию он выключен.

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

Strict Units

Это позволяет смешанные единицы.

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

Global Variable

Определена переменная, на которую может ссылаться файл.

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

Modify Variable

В этом отличие от опции глобальной переменной; он перемещает объявление в конец вашего файла less.

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

URL Arguments

Чтобы перейти к каждому URL-адресу, можно указать аргумент.

lessc --url-args = "arg736357"
26

Line Numbers

Создается встроенное сопоставление источников.

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

Plugin

Загружает плагин.

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