MENOS - Complementos

En este capítulo, entenderemos cómo se puede cargar un complemento para expandir la funcionalidad del sitio. Los complementos se pueden utilizar para facilitar su trabajo.

Línea de comando

Para instalar el complemento usando la línea de comando, primero debe instalar el complemento lessc. El complemento se puede instalar usando less-plugin al principio. La siguiente línea de comando lo ayudará a instalar el complemento clean-css:

npm install less-plugin-clean-css

Directamente, puede usar el complemento instalado usando el siguiente comando:

lessc --plugin = path_to_plugin = options

Usar un complemento en el código

En Node, se requiere el complemento y se pasa en una matriz como un complemento de opción al menos.

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

En el navegador

Antes del script less.js, el autor del complemento debe incluir el archivo javascript en la página.

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

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

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

Lista de menos complementos

La siguiente tabla enumera los complementos disponibles en MENOS.

Complementos de funciones / posprocesador

No Señor.	Complementos y descripción
1	Autoprefixer Se utiliza para agregar prefijos a CSS después de la traducción de LESS.
2	CSScomb Ayuda a mejorar el mantenimiento de su hoja de estilo.
3	clean-css Minimiza la salida CSS de LESS.
4	CSSWring Comprime o minimiza la salida CSS de LESS.
5	css-flip Se utiliza para generar CSS de izquierda a derecha (LTR) o de derecha a izquierda (RTL).
6	funciones Escribe la función de MENOS en el MENOS mismo.
7	glob Se utiliza para importar varios archivos.
8	grupo-css-media-queries Realiza el posprocesamiento por Less.
9	URL en línea Convierte automáticamente la URL en datos uri.
10	npm-import Importa desde el paquete npm por menos.
11	por favor Se utiliza para posprocesar Less.
12	rtl MENOS se invierte de ltr (de izquierda a derecha) a rtl (de derecha a izquierda).

Importadores de marcos / bibliotecas

No Señor.	Importadores y descripción
1	Oreja El código Bootstrap LESS se importa antes que el código LESS personalizado.
2	Resolución de Bower Los archivos LESS se importan de los paquetes de Bower.
3	CSS cardinal para less.js Antes del código LESS personalizado, se importa el código LESS para Cardinal.
4	Rejilla Flexbox Importador de biblioteca o Framework más comúnmente importado.
5	Sistema de rejilla flexible Importa el sistema de red flexible.
6	Iónico Importa el marco iónico.
7	Lesshat Importa los mixins Lesshat.
8	Esqueleto Importa el código sin esqueleto.

Bibliotecas de funciones

No Señor.	Importadores y descripción
1	funciones-de-color-avanzadas Se utiliza para encontrar colores más contrastantes.
2	cubehelix Usando el valor de corrección de gamma de 1, la función cubehelix puede devolver un color entre los dos colores.
3	liza Esta lista la biblioteca de funciones de manipulación.

Para autores de complementos

MENOS permite que un autor combine con menos.

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

• pluginManager proporciona un titular que puede agregar administradores de archivos, procesadores de correos o visitantes.

• setOptions la función pasa la cadena.

• printUsage La función se utiliza para explicar las opciones.