МЕНЬШЕ - плагины

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

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

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

npm install less-plugin-clean-css

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

lessc --plugin = path_to_plugin = options

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

В Node плагин является обязательным, и он передается в массиве как дополнительный плагин для less.

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	Автоприставка Он используется для добавления префиксов в CSS после перевода из LESS.
2	CSScomb Это помогает улучшить обслуживание вашей таблицы стилей.
3	чистый-css Он минимизирует вывод CSS из LESS.
4	CSSWring Он сжимает или минимизирует вывод CSS из LESS.
5	css-флип Он используется для генерации CSS слева направо (LTR) или справа налево (RTL).
6	функции Он записывает функцию LESS в самом LESS.
7	шарик Он используется для импорта нескольких файлов.
8	группа-CSS-медиа-запросы Он выполняет постобработку для Less.
9	встроенные URL Автоматически преобразует URL-адрес в URI данных.
10	npm-import Он импортирует из пакета npm за меньшую плату.
11	пожалуйста Он используется для постобработки Less.
12	RTL LESS меняется с ltr (слева направо) на rtl (справа налево).

Импортеры фреймворков / библиотек

Sr.No.	Импортеры и описание
1	Бутстрап Код Bootstrap LESS импортируется перед пользовательским кодом LESS.
2	Бауэр Решимость Файлы LESS импортируются из пакетов Bower.
3	Кардинальный CSS для less.js Перед пользовательским кодом LESS импортируется код LESS для Cardinal.
4	Сетка Flexbox Чаще всего импортируется Framework или импортер библиотеки.
5	Гибкая сетка Он импортирует гибкую сетку.
6	Ионный Импортирует ионный каркас.
7	Lesshat Он импортирует миксины Lesshat.
8	Скелет Он импортирует код без скелета.

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

Sr.No.	Импортеры и описание
1	расширенные цветовые функции Он используется для поиска более контрастных цветов.
2	Кубспираль Используя значение гамма-коррекции 1, функция cubehelix может возвращать цвет между двумя цветами.
3	списки Здесь перечислены библиотеки функций управления.

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

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

{
   install: function(less, pluginManager) {
   },
   
   setOptions: function(argumentString) {
   },
   
   printUsage: function() {
   },
   
   minVersion: [2, 0, 0]
}

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