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.