Gulp - Plugin utili

Gulp fornisce alcuni plugin utili per lavorare con HTML e CSS, JavaScript, grafica e altre cose come descritto nelle tabelle seguenti.

Plugin HTML e CSS

Sr.No.	Plugin e descrizione
1	autoprefixer Include automaticamente i prefissi alle proprietà CSS.
2	gulp-browser-sync Viene utilizzato per guardare tutti i file HTML e CSS nella directory CSS ed esegue il caricamento in tempo reale della pagina in tutti i browser, ogni volta che i file vengono modificati
3	gulp-useref Viene utilizzato per sostituire i riferimenti a script o fogli di stile non ottimizzati.
4	gulp-email-design Crea modelli di email HTML che converte gli stili CSS in inline.
5	gulp-uncss Ottimizza i file CSS e trova gli stili inutilizzati e duplicati.
6	gulp-csso È un ottimizzatore CSS, che riduce al minimo i file CSS con conseguente dimensione del file inferiore.
7	gulp-htmlmin Riduce al minimo i file HTML.
8	gulp-csscomb Viene utilizzato per creare un formattatore di stile per CSS.
9	gulp-csslint Specifica un linter CSS.
10	gulp-htmlhint Specifica un validatore HTML.

Sr.No.	Plugin e descrizione
1	gulp-autopolyfiller È uguale all'autoprefixer che include i polyfill necessari per JavaScript.
2	gulp-jsfmt Viene utilizzato per la ricerca di frammenti di codice specifici.
3	gulp-jscs Viene utilizzato per controllare lo stile del codice JavaScript.
4	gulp-modernizr Specifica quali funzionalità HTML, CSS e JavaScript ha da offrire il browser dell'utente.
5	gulp-express Avvia il server web gulp express.js.
6	gulp-requirejs Utilizza require.js per combinare i moduli AMD require.js in un unico file.
7	gulp-plato Genera report di analisi della complessità.
8	gulp-complexity Analizza la complessità e la manutenibilità del codice.
9	fixmyjs Corregge i risultati di JSHint.
10	gulp-jscpd Viene utilizzato come rilevatore di copia / incolla per il codice sorgente.
11	gulp-jsonlint È un validatore JSON.
12	gulp-uglify Minifica i file JavaScript.
13	gulp-concat Concatena i file CSS.

Sr.No.	Plugin e descrizione
1	gulp-nodeunit Esegue test di unità di nodo da Gulp.
2	gulp-jasmine Viene utilizzato per segnalare le problematiche relative all'output.
3	gulp-qunit Fornisce l'output della console di base per i test QUnit e utilizza il modulo del nodo PhantomJS e il plug-in QUnit del runner PhantomJS.
4	gulp-mocha Specifica l'involucro sottile attorno a Mocha ed esegue i test Mocha.
5	gulp-karma È stato deprecato a Gulp.

Sr.No.	Plugin e descrizione
1	gulpicon Genera sprite da SVG e li converte in PNG.
2	gulp-iconfont Viene utilizzato con i caratteri Web per creare file WOFF, EOT, TTF da SVG.
3	gulp-imacss Trasforma i file immagine in URI di dati e li inserisce in un unico file CSS.
4	gulp-responsive Genera immagini reattive per diversi dispositivi
5	gulp-sharp Viene utilizzato per modificare e ridimensionare l'orientamento e lo sfondo dell'immagine.
6	gulp-svgstore Combina i file SVG in uno con gli elementi <symbol>.
7	gulp-imagemin & gulp-tinypng Viene utilizzato per comprimere le immagini come PNG, JPEG, GIF, SVG.
8	gulp-spritesmith Viene utilizzato per creare un foglio sprite da un insieme di immagini e variabili CSS.

Sr.No.	Plugin e descrizione
1	gulp-less Fornisce MENO plugin per Gulp.
2	gulp-sass Fornisce il plugin SASS per Gulp.
3	gulp-compass Fornisce plug-in bussola per Gulp.
4	gulp-stylus Viene utilizzato per mantenere lo stilo in CSS.
5	gulp-coffee Fornisce plugin coffeescript per Gulp.
6	gulp-handlebars Fornisce plugin per manubri per Gulp.
7	gulp-jst Fornisce modelli di sottolineatura in JST.
8	gulp-react Specifica i modelli di Facebook React JSX in JavaScript.
9	gulp-nunjucks Specifica i modelli Nunjucks in JST.
10	gulp-dustjs Specifica i modelli Dust in JST.
11	gulp-angular-templatecache Specifica i modelli AngularJS nella templateCache.

Il plug-in gulp-clean rimuove file e cartelle e il plug-in gulp-copy copia i file dall'origine alla nuova destinazione.

Sr.No.	Plugin e descrizione
1	gulp-grunt Esegue le attività Grunt da Gulp
2	gulp-watch Controlla i file ogni volta che vengono apportate modifiche.
3	gulp-notify Notifica il messaggio di errore ogni volta che un'attività non riesce.
4	gulp-git Permette di utilizzare i comandi Git.
5	gulp-jsdoc Crea documentazione JavaScript per Gulp.
6	gulp-rev Fornisce la revisione statica degli asset ai nomi dei file.
7	gulp-bump Aumenta le versioni nel pacchetto JSON.
8	gulp-bower-files Viene utilizzato per iniettare pacchetti bower.
9	gulp-removelogs Rimuove le istruzioni console.log.
10	gulp-preprocess Preelabora HTML, JavaScript e altri file in base al contesto o alla configurazione dell'ambiente.
11	gulp-duration Specifica la durata delle attività Gulp.
12	gulp-changed & gulp-newer Esegue i file modificati e quelli più recenti.
13	gulp-connect Viene utilizzato per eseguire un server Web con LiveReload.
14	gulp-shell Esegue i comandi della shell.
15	gulp-ssh Si connette utilizzando attività SSH e SFTP.
16	gulp-zip Comprime i file e le cartelle.
17	gulp-clean e gulp-copy
18	gulp-filesize Specifica la dimensione del file in formato leggibile dall'uomo.
19	gulp-util Fornisce utilità per i plugin gulp.