6 Plugins Do Gulp Que Aumentarão Sua Produtividade No Desenvolvimento Front-End

O Gulp nos auxilia e agiliza muito os nossos processos de desenvolvimento, em um post anterior, mostrei como podemos melhorar a performance usando ele, otimizando tarefas e ações repetitivas. Mas você pode fazer muito mais com ele! Veja os 10 plugins essenciais no seu uso diário!

• Gulp Uglify
  Este plugin tem como objetivo minificar o Javascript, deixando seu tamanho menor e melhorando consequentemente sua performance.

• Browser Sync
  O Browser Sync é um plugin que permite que tenhamos um “live-reload” de nosso código, de forma que toda vez que realizarmos alguma alteração, o navegador automaticamente atualiza a página!

• Gulp Plumber
  Uma das coisas mais angustiantes enquanto está desenvolvendo usando Gulp é que toda vez que ocorre algum erro, o build do seu projeto é parado, forçando você a reiniciar todo o processo. O que o Plumber faz é capturar esses erros e prevenir que o fluxo quebre.

• Gulp Autoprefixer
  Este plugin nos ajuda a manter o código compatível nos diversos navegadores, adicionando os prefixos dos browsers nas propriedades necessárias do CSS. Graças a ele, você não precisa se preocupar em adicionar manualmente os prefixos, como: -webkit- para o Chrome, -moz- para Mozilla, etc.

• PostCSS UnCSS
  O UnCSS remove classes do CSS que não estão sendo usadas no projeto. Sabe quando você está na correria do desenvolvimento, cria uma classe, depois acaba não usando? Com este plugin, você não precisa se preocupar em ficar procurando por CSS que não estão sendo mais usados, ele faz isso automaticamente para você!
  Obs.: Isso não quer dizer que podemos deixar lixo nos nossos códigos, viu? É apenas um reforço nos casos de esquecimento! :P

• Gulp Clean CSS
  O Clean CSS nos ajuda a minificar nosso CSS, de forma que nossos arquivos sejam reduzidos a menores tamanhos, o que ajuda muito na performance de nossa aplicação!

Conclusão

Existem diversos plugins que nos auxiliam muito na nossa produtividade, este foram só alguns dos mais usados e que utilizo diariamente em meu desenvolvimento! E você? Usa algum diferente ou sentiu falta de algum plugin? Comenta aí!