Gulp - Plugins Úteis

Gulp fornece alguns plug-ins úteis para trabalhar com HTML e CSS, JavaScript, gráficos e algumas outras coisas, conforme descrito nas tabelas a seguir.

Plug-ins HTML e CSS

Sr. Não.	Plugin e descrição
1	autoprefixer Inclui automaticamente prefixos para propriedades CSS.
2	gulp-browser-sync É usado para assistir todos os arquivos HTML e CSS no diretório CSS e executa o recarregamento ao vivo para a página em todos os navegadores, sempre que os arquivos são alterados
3	gulp-useref É usado para substituir referências a scripts ou folhas de estilo não otimizados.
4	gulp-email-design Ele cria modelos de e-mail HTML que convertem estilos CSS em embutidos.
5	gulp-uncss Otimiza arquivos CSS e encontra estilos não utilizados e duplicados.
6	gulp-csso É um otimizador CSS, que minimiza os arquivos CSS, resultando em um tamanho de arquivo menor.
7	gulp-htmlmin Ele minimiza os arquivos HTML.
8	gulp-csscomb É usado para fazer o formatador de estilo para CSS.
9	gulp-csslint Ele especifica um linter CSS.
10	gulp-htmlhint Ele especifica um validador HTML.

Plugins JavaScript

Sr. Não.	Plugin e descrição
1	gulp-autopolyfiller É o mesmo que autoprefixer, que inclui polyfills necessários para JavaScript.
2	gulp-jsfmt É usado para pesquisar trechos de código específicos.
3	gulp-jscs É usado para verificar o estilo do código JavaScript.
4	gulp-modernizr Ele especifica quais recursos HTML, CSS e JavaScript o navegador do usuário tem a oferecer.
5	gulp-express Ele inicia o servidor da web gulp express.js.
6	gulp-requirejs Ele usa require.js para combinar módulos AMD require.js em um arquivo.
7	gulp-plato Ele gera relatórios de análise de complexidade.
8	gulp-complexity Ele analisa a complexidade e a capacidade de manutenção do código.
9	fixmyjs Ele corrige os resultados JSHint.
10	gulp-jscpd É usado como detector de copiar / colar para o código-fonte.
11	gulp-jsonlint É um validador JSON.
12	gulp-uglify Ele minimiza os arquivos JavaScript.
13	gulp-concat Ele concatena os arquivos CSS.

Plugins de testes de unidade

Sr. Não.	Plugin e descrição
1	gulp-nodeunit Ele executa testes de unidade de nó do Gulp.
2	gulp-jasmine É usado para relatar os problemas relacionados à saída.
3	gulp-qunit Ele fornece saída de console básica para testes QUnit e usa o módulo de nó PhantomJS e o plugin QUnit de execução PhantomJS.
4	gulp-mocha Ele especifica o envoltório fino em torno do Mocha e executa os testes do Mocha.
5	gulp-karma Foi descontinuado no Gulp.

Plugins gráficos

Sr. Não.	Plugin e descrição
1	gulpicon Ele gera sprites de SVG e os converte em PNG.
2	gulp-iconfont É usado com fontes da web para criar arquivos WOFF, EOT, TTF a partir de SVG.
3	gulp-imacss Ele transforma arquivos de imagem em URIs de dados e os coloca em um único arquivo CSS.
4	gulp-responsive Ele gera imagens responsivas para diferentes dispositivos
5	gulp-sharp É usado para alterar e redimensionar a orientação e o fundo da imagem.
6	gulp-svgstore Ele combina arquivos SVG em um com elementos <symbol>.
7	gulp-imagemin & gulp-tinypng Ele é usado para compactar imagens como PNG, JPEG, GIF, SVG.
8	gulp-spritesmith Ele é usado para criar spritesheet a partir de um conjunto de imagens e variáveis CSS.

Plugins Compiladores

Sr. Não.	Plugin e descrição
1	gulp-less Ele fornece um plugin LESS para Gulp.
2	gulp-sass Ele fornece o plugin SASS para Gulp.
3	gulp-compass Ele fornece um plugin de bússola para Gulp.
4	gulp-stylus É usado para manter a caneta em CSS.
5	gulp-coffee Ele fornece o plugin coffeescript para o Gulp.
6	gulp-handlebars Ele fornece um plugin de guiador para Gulp.
7	gulp-jst Ele fornece modelos de sublinhado em JST.
8	gulp-react Ele especifica os modelos JSX do Facebook React em JavaScript.
9	gulp-nunjucks Ele especifica modelos Nunjucks em JST.
10	gulp-dustjs Ele especifica modelos de poeira em JST.
11	gulp-angular-templatecache Ele especifica modelos AngularJS no templateCache.

Outros Plugins

O plugin gulp-clean remove arquivos e pastas e o plugin gulp-copy copia os arquivos da origem para o novo destino.

Sr. Não.	Plugin e descrição
1	gulp-grunt Ele executa as tarefas do Grunt do Gulp
2	gulp-watch Ele observa os arquivos sempre que alterações são feitas.
3	gulp-notify Ele notifica a mensagem de erro sempre que uma tarefa falha.
4	gulp-git Ele permite usar comandos Git.
5	gulp-jsdoc Ele cria documentação JavaScript para Gulp.
6	gulp-rev Ele fornece revisão de ativos estáticos para nomes de arquivos.
7	gulp-bump Aumenta as versões do pacote JSON.
8	gulp-bower-files É usado para injetar pacotes de caramanchão.
9	gulp-removelogs Ele remove as instruções console.log.
10	gulp-preprocess Ele pré-processa HTML, JavaScript e outros arquivos com base no contexto ou na configuração do ambiente.
11	gulp-duration Ele especifica a duração das tarefas Gulp.
12	gulp-changed & gulp-newer Ele executa os arquivos modificados e os arquivos mais recentes.
13	gulp-connect Ele é usado para executar um servidor da web com LiveReload.
14	gulp-shell Ele executa comandos Shell.
15	gulp-ssh Ele se conecta usando tarefas SSH e SFTP.
16	gulp-zip Ele compacta os arquivos e pastas.
17	gulp-clean & gulp-copy
18	gulp-filesize Ele especifica o tamanho do arquivo em formato legível por humanos.
19	gulp-util Ele fornece utilitários para plug-ins gulp.