Existem todas essas tarefas que precisamos realizar como desenvolvedores de front end. Concatene e comprima nossos arquivos. Execute nossos pré-processadores. Otimize as imagens. Faça testes. A lista continua e continua. Usar ferramentas diferentes para todos eles está se tornando cada vez mais difícil. Executá-los manualmente torna tudo pior e fácil de estragar.
O Grunt é perfeito para controlar tudo isso. Talvez você esteja familiarizado com ferramentas como o CodeKit (abordado neste screencast) para fazer esse tipo de coisa. CodeKit é ótimo. Você pode pensar nisso como uma configuração realmente específica do Grunt com uma interface agradável. O Grunt seria um substituto para o CodeKit se você precisar fazer mais com o seu processo de construção do que o CodeKit oferece.
Neste screencast, cobrimos como colocar o Grunt em funcionamento em um projeto simples. Este é um vídeo que acompanha um artigo mais abrangente sobre 24 maneiras.
Links relevantes:
- Certifique-se de ter feito primeiro: Instale o Node
- Site do Grunt: primeiros passos
- My Grunt Boilerplate - que faz o que fizemos neste screencast e mais outras coisas.
- Plug-ins do Grunt sobre os quais falamos: Uglify, Sass, Watch
Nota: Eu sei que sou um Grunt newb. Tem ótimas informações sobre o Grunt para compartilhar? Eu adoraria ouvir nos comentários. Annnnnd eu sei que o vídeo está meio bagunçado no final. Fixará.