Учебники

LESS – Плагины

В этой главе мы поймем, как можно загрузить плагин для расширения функциональности сайта. Плагины могут быть использованы для облегчения вашей работы.

Командная строка

Чтобы установить плагин с помощью командной строки, сначала нужно установить плагин lessc. Плагин можно установить с помощью less-plugin в начале. Следующая командная строка поможет вам установить плагин clean-css –

npm install less-plugin-clean-css

Напрямую вы можете использовать установленный плагин, используя следующую команду –

lessc --plugin = path_to_plugin = options

Использование плагина в коде

В Node требуется плагин, и он передается в массиве в качестве дополнительного плагина для менее.

var pluginName = require("pluginName");
less.render(myCSS, { plugins: [pluginName] })
   .then(function(output) {
   },
   function(error) {
   });

В браузере

Перед сценарием less.js автор плагина должен включить файл javascript на страницу.

<script src = "plugin.js"></script>

<script>
less = {
   plugins: [plugin]
};
</script>

<script src = "less.min.js"></script>

Список меньше плагинов

В следующей таблице перечислены плагины, доступные в LESS.

Постпроцессор / Дополнительные плагины

Sr.No. Плагины и описание
1 Autoprefixer

Он используется для добавления префиксов в CSS после перевода из LESS.

2 CSScomb

Это помогает улучшить обслуживание вашей таблицы стилей.

3 чисто CSS

Это минимизирует вывод CSS из LESS.

4 CSSWring

Он сжимает или минимизирует вывод CSS из LESS.

5 CSS-флип

Он используется для генерации CSS слева направо (LTR) или справа налево (RTL).

6 функции

Он пишет функцию МЕНЬШЕ в самом МЕНЬШЕ.

7 шарик

Он используется для импорта нескольких файлов.

8 групповые CSS-медиа-запросы

Это делает пост-обработку для Меньше.

9 инлайн-URLs

Автоматически преобразует URL в данные URI.

10 NPM-импорт

Он импортирует из пакета npm меньше.

11 pleeease

Используется для постобработки Меньше.

12 РТЛ

МЕНЬШЕЕ меняется с ltr (слева направо) на rtl (справа налево).

Он используется для добавления префиксов в CSS после перевода из LESS.

Это помогает улучшить обслуживание вашей таблицы стилей.

Это минимизирует вывод CSS из LESS.

Он сжимает или минимизирует вывод CSS из LESS.

Он используется для генерации CSS слева направо (LTR) или справа налево (RTL).

Он пишет функцию МЕНЬШЕ в самом МЕНЬШЕ.

Он используется для импорта нескольких файлов.

Это делает пост-обработку для Меньше.

Автоматически преобразует URL в данные URI.

Он импортирует из пакета npm меньше.

Используется для постобработки Меньше.

МЕНЬШЕЕ меняется с ltr (слева направо) на rtl (справа налево).

Импортеры рамок / библиотек

Sr.No. Импортеры и описание
1 начальная загрузка

Загрузочный код LESS импортируется перед пользовательским кодом LESS.

2 Bower Resolve

Файлы LESS импортируются из пакетов Bower.

3 Кардинальный CSS для less.js

Перед пользовательским LESS-кодом импортируется LESS-код для Cardinal.

4 Flexbox Grid

Чаще всего импортируется Framework или импортер библиотек.

5 Гибкая сеточная система

Это импортирует Гибкую Систему Сетки.

6 ионный

Импортирует ионную структуру.

7 Lesshat

Он импортирует миксины Lesshat.

8 остов

Это импортирует скелет меньше кода.

Загрузочный код LESS импортируется перед пользовательским кодом LESS.

Файлы LESS импортируются из пакетов Bower.

Перед пользовательским LESS-кодом импортируется LESS-код для Cardinal.

Чаще всего импортируется Framework или импортер библиотек.

Это импортирует Гибкую Систему Сетки.

Импортирует ионную структуру.

Он импортирует миксины Lesshat.

Это импортирует скелет меньше кода.

Библиотеки функций

Sr.No. Импортеры и описание
1 Продвинутая цвет-функции

Он используется для поиска более контрастных цветов.

2 cubehelix

Используя значение гамма-коррекции 1, функция cubehelix может возвращать цвет между двумя цветами.

3 списки

Это перечисляет библиотеку функций манипуляции.

Он используется для поиска более контрастных цветов.

Используя значение гамма-коррекции 1, функция cubehelix может возвращать цвет между двумя цветами.

Это перечисляет библиотеку функций манипуляции.

Для авторов плагинов

МЕНЬШЕ позволяют автору объединяться с меньшим.

pluginManager предоставляет держатель, который может добавлять файловые менеджеры, почтовые процессоры или посетителей.

Функция setOptions передает строку.

Функция printUsage используется для объяснения параметров.