MOINS - Plugins

Dans ce chapitre, nous allons comprendre comment un plugin peut être téléchargé pour étendre les fonctionnalités du site. Les plugins peuvent être utilisés pour faciliter votre travail.

Ligne de commande

Pour installer le plugin en utilisant la ligne de commande, vous devez d'abord installer le plugin lessc. Le plugin peut être installé en utilisant less-plugin au début. La ligne de commande suivante vous aidera à installer le plugin clean-css -

npm install less-plugin-clean-css

Directement, vous pouvez utiliser le plugin installé en utilisant la commande suivante -

lessc --plugin = path_to_plugin = options

Utilisation d'un plugin dans le code

Dans Node, le plugin est requis et il est passé dans un tableau en tant que plugin d'option au moins.

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

Dans le navigateur

Avant le script less.js, l'auteur du plugin doit inclure le fichier javascript dans la page.

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

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

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

Liste de moins de plugins

Le tableau suivant répertorie les plugins disponibles dans LESS.

Postprocesseur / Plugins de fonctionnalités

N ° Sr.	Plugins et description
1	Autoprefixer Il est utilisé pour ajouter des préfixes au CSS après la traduction de LESS.
2	CSScomb Cela aide à améliorer la maintenance de votre feuille de style.
3	nettoyer-css Il minimise la sortie CSS de LESS.
4	CSSWring Il compresse ou minimise la sortie CSS de LESS.
5	css-flip Il est utilisé pour générer le CSS de gauche à droite (LTR) ou de droite à gauche (RTL).
6	les fonctions Il écrit la fonction de MOINS dans le MOINS lui-même.
sept	glob Il est utilisé pour importer plusieurs fichiers.
8	groupe-css-media-queries Il fait le post-traitement pour moins.
9	URL-en-ligne Convertit automatiquement l'URL en uri de données.
dix	npm-import Il importe du package npm pour moins cher.
11	plaire Il est utilisé pour post-traiter Less.
12	rtl LESS est inversé de ltr (de gauche à droite) à rtl (de droite à gauche).

Importateurs de framework / bibliothèque

N ° Sr.	Importateurs et description
1	Amorcer Le code Bootstrap LESS est importé avant le code LESS personnalisé.
2	Résolution de Bower Les fichiers LESS sont importés à partir des packages Bower.
3	Cardinal CSS pour less.js Avant le code LESS personnalisé, le code LESS pour Cardinal est importé.
4	Grille Flexbox Importateur de framework ou de bibliothèque le plus couramment importé.
5	Système de grille flexible Il importe le système de grille flexible.
6	Ionique Il importe le cadre ionique.
sept	Lesshat Il importe les mixins Lesshat.
8	Squelette Il importe le squelette moins de code.

Bibliothèques de fonctions

N ° Sr.	Importateurs et description
1	fonctions de couleur avancées Il est utilisé pour trouver des couleurs plus contrastées.
2	cubehelix En utilisant une valeur de correction gamma de 1, la fonction cubehelix peut renvoyer une couleur entre les deux couleurs.
3	listes Cela répertorie la bibliothèque de fonctions de manipulation.

Pour les auteurs de plugins

MOINS permet à un auteur de combiner avec moins.

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

• pluginManager fournit un support qui peut ajouter des gestionnaires de fichiers, des post-processeurs ou des visiteurs.

• setOptions La fonction passe la chaîne.

• printUsage La fonction est utilisée pour expliquer les options.