se você já trabalhou com código, ouviu a frase “Keep it DRY” (” não se repita”). Em outras palavras, se você tiver que executar uma tarefa repetidamente, encontre uma maneira de fazê–lo com mais eficiência-o que normalmente significa menos código.

quando começamos a desenvolver um novo projeto, muitas vezes nos encontramos repetindo as mesmas coisas repetidamente–coisas como otimizar imagens, minificar código e compilar arquivos. Em alguns casos, estávamos nos repetindo várias vezes por minuto. O custo de tempo dessas tarefas aumenta rapidamente à medida que fazemos alterações ou criamos novos arquivos.

isso é terrivelmente ineficiente. Sem mencionar que adiciona desgaste em nossos dedos e teclas do teclado. Os corredores de tarefas estão aqui para ajudar!

o que é um Task Runner?

os corredores de Tarefas literalmente fazem exatamente isso … eles executam tarefas. Codificadores podem especificar quais tarefas eles querem que um corredor de tarefas para executar, e ele vai fazer todo o trabalho para eles.

antes dos corredores de tarefas, se você quisesse compilar o Sass, executar o Autoprefixer e, em seguida, reduzir o CSS resultante cada vez que fizesse uma alteração, teria sido forçado a concluir cada tarefa separadamente. Naturalmente, isso ficaria irritante muito rápido. Sem mencionar que você desperdiçaria uma quantidade flagrante de tempo se repetindo. Não é divertido.

com um executor de tarefas, você pode especificar as tarefas que deseja concluir, executá-lo uma vez e ele fará todo o trabalho por você. Economize tempo, economize dinheiro e salve o mundo (talvez?).

há um monte de corredores de tarefas por aí: Brunch.js, Gole.js, Broccoli.js, bolo.js, e grunhido.js, apenas para citar alguns construídos em Javascript. Sim, Seus nomes soam como algo que você faria durante o seu aniversário (exceto brócolis, que soa como um aniversário triste), mas você pode usá-los durante todo o ano!

nosso corredor de tarefas de escolha é grunhido.js

nosso corredor de tarefas de escolha

escolhemos usar Grunt.js. É o corredor de tarefas mais amplamente suportado e popular do mercado. Ele funciona lendo um Gruntfile que contém sua configuração de tarefa em um objeto Javascript. Em seguida, você executa um comando em seu terminal para especificar qual tarefa deseja executar. Fácil peasy.

seu Gruntfile pode ser tão simples ou robusto quanto você gostaria que fosse, dependendo de quais tarefas você está executando.

grunhidos típicos fazem as seguintes tarefas:

CSS

  • Compilar Sass em CSS
  • Executar Autoprefixer no novo CSS para pegar qualquer fornecedor de prefixos de nós pode ter perdido
  • Minify o prefixo CSS
  • Atualizar nossas CSS banner com novas informações de carimbo de data / hora

Javascript

  • confira nossas Javascript para erros
  • Concatenar outros scripts incluídos em um arquivo
  • verificar novamente se há erros
  • Minify Scripts

Imagens

  • Otimizar qualquer JPG, GIF, ou PNG para diminuir o tamanho do arquivo

Outros Utilitários

  • assista a arquivos para alterações e execute novamente as tarefas conforme necessário
  • execute o BrowserSync para testes em vários navegadores e dispositivos ao mesmo tempo

você pode imaginar o quão doloroso seria ter que executar essas tarefas manualmente. Tudo o que temos a fazer é executar um comando simples:

$ grunt

assim como a magia, este comando executa todas as nossas tarefas e nos salva de nos repetirmos.

para mais informações sobre Grunt.js, confira sua documentação e comece a olhar para grunhidos.

Deixe uma resposta

O seu endereço de email não será publicado.