Gulp - Plugins utiles

Gulp fournit des plugins utiles pour travailler avec HTML et CSS, JavaScript, graphiques et d'autres choses comme décrit dans les tableaux suivants.

Plugins HTML et CSS

N ° Sr.	Plugin et description
1	autoprefixer Il inclut automatiquement des préfixes aux propriétés CSS.
2	gulp-browser-sync Il est utilisé pour regarder tous les fichiers HTML et CSS dans le répertoire CSS et effectue le rechargement en direct de la page dans tous les navigateurs, chaque fois que les fichiers sont modifiés
3	gulp-useref Il est utilisé pour remplacer les références à des scripts ou des feuilles de style non optimisés.
4	gulp-email-design Il crée des modèles de courrier électronique HTML qui convertissent les styles CSS en inline.
5	gulp-uncss Il optimise les fichiers CSS et trouve les styles inutilisés et dupliqués.
6	gulp-csso Il s'agit d'un optimiseur CSS, qui minimise les fichiers CSS, ce qui réduit la taille des fichiers.
sept	gulp-htmlmin Il minimise les fichiers HTML.
8	gulp-csscomb Il est utilisé pour créer un formateur de style pour CSS.
9	gulp-csslint Il spécifie un linter CSS.
dix	gulp-htmlhint Il spécifie un validateur HTML.

N ° Sr.	Plugin et description
1	gulp-autopolyfiller C'est la même chose que l'autoprefixer qui inclut les polyfills nécessaires pour JavaScript.
2	gulp-jsfmt Il est utilisé pour rechercher des extraits de code spécifiques.
3	gulp-jscs Il est utilisé pour vérifier le style de code JavaScript.
4	gulp-modernizr Il spécifie les fonctionnalités HTML, CSS et JavaScript que le navigateur de l'utilisateur a à offrir.
5	gulp-express Il démarre le serveur Web gulp express.js.
6	gulp-requirejs Il utilise require.js pour combiner les modules AMD require.js en un seul fichier.
sept	gulp-plato Il génère des rapports d'analyse de complexité.
8	gulp-complexity Il analyse la complexité et la maintenabilité du code.
9	fixmyjs Il corrige les résultats JSHint.
dix	gulp-jscpd Il est utilisé comme détecteur de copier / coller pour le code source.
11	gulp-jsonlint C'est un validateur JSON.
12	gulp-uglify Il minimise les fichiers JavaScript.
13	gulp-concat Il concatène les fichiers CSS.

N ° Sr.	Plugin et description
1	gulp-nodeunit Il exécute des tests unitaires de nœuds à partir de Gulp.
2	gulp-jasmine Il est utilisé pour signaler les problèmes liés à la sortie.
3	gulp-qunit Il fournit une sortie de console de base pour les tests QUnit et utilise le module de nœud PhantomJS et le plugin QUnit du runner PhantomJS.
4	gulp-mocha Il spécifie le wrapper fin autour de Mocha et exécute les tests Mocha.
5	gulp-karma Il est obsolète dans Gulp.

N ° Sr.	Plugin et description
1	gulpicon Il génère des sprites à partir de SVG et les convertit en PNG.
2	gulp-iconfont Il est utilisé avec les polices Web pour créer des fichiers WOFF, EOT, TTF à partir de SVG.
3	gulp-imacss Il transforme les fichiers image en URI de données et les place dans un seul fichier CSS.
4	gulp-responsive Il génère des images réactives pour différents appareils
5	gulp-sharp Il est utilisé pour modifier et redimensionner l'orientation et l'arrière-plan de l'image.
6	gulp-svgstore Il combine les fichiers SVG en un seul avec des éléments <symbol>.
sept	gulp-imagemin & gulp-tinypng Il est utilisé pour compresser les images telles que PNG, JPEG, GIF, SVG.
8	gulp-spritesmith Il est utilisé pour créer une feuille de sprites à partir d'un ensemble d'images et de variables CSS.

N ° Sr.	Plugin et description
1	gulp-less Il fournit le plugin LESS pour Gulp.
2	gulp-sass Il fournit le plugin SASS pour Gulp.
3	gulp-compass Il fournit un plugin de boussole pour Gulp.
4	gulp-stylus Il est utilisé pour conserver le stylet en CSS.
5	gulp-coffee Il fournit un plugin coffeescript pour Gulp.
6	gulp-handlebars Il fournit un plugin de guidon pour Gulp.
sept	gulp-jst Il fournit des modèles de soulignement dans JST.
8	gulp-react Il spécifie les modèles Facebook React JSX en JavaScript.
9	gulp-nunjucks Il spécifie les modèles Nunjucks dans JST.
dix	gulp-dustjs Il spécifie les modèles Dust dans JST.
11	gulp-angular-templatecache Il spécifie les modèles AngularJS dans le templateCache.

Le plugin gulp-clean supprime les fichiers et les dossiers et le plugin gulp-copy copie les fichiers de la source vers la nouvelle destination.

N ° Sr.	Plugin et description
1	gulp-grunt Il exécute les tâches Grunt de Gulp
2	gulp-watch Il surveille les fichiers chaque fois que des modifications sont apportées.
3	gulp-notify Il notifie le message d'erreur chaque fois qu'une tâche échoue.
4	gulp-git Il permet d'utiliser les commandes Git.
5	gulp-jsdoc Il crée une documentation JavaScript pour Gulp.
6	gulp-rev Il permet de réviser les actifs statiques des noms de fichiers.
sept	gulp-bump Il augmente les versions dans le package JSON.
8	gulp-bower-files Il est utilisé pour injecter des paquets de bower.
9	gulp-removelogs Il supprime les instructions console.log.
dix	gulp-preprocess Il prétraite les fichiers HTML, JavaScript et autres en fonction du contexte ou de la configuration de l'environnement.
11	gulp-duration Il spécifie la durée des tâches Gulp.
12	gulp-changed & gulp-newer Il exécute les fichiers modifiés et les fichiers plus récents.
13	gulp-connect Il est utilisé pour exécuter un serveur Web avec LiveReload.
14	gulp-shell Il exécute les commandes Shell.
15	gulp-ssh Il se connecte à l'aide de tâches SSH et SFTP.
16	gulp-zip Il compresse les fichiers et les dossiers.
17	gulp-clean & gulp-copy
18	gulp-filesize Il spécifie la taille du fichier dans un format lisible par l'homme.
19	gulp-util Il fournit des utilitaires pour les plugins gulp.