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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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