« HE:labs
HE:labs

Gulp o Automatizador de todos

Postado por Matheus Costa em 25/05/2015

Escreva suas tarefas de forma simples.

Mixin Libraries FTW

Meia Lua e X

Sem menosprezar os outros task runners, mas o Gulp deixa a coisa tão fácil que só acompanhando os slides abaixo você consegue fazer o processo de instalação e execução.

Vou apenas repetir aqui para ficar mais fácil o CTRL + C / CTRL + V pra não ter erro no terminal.

Ingredientes da receita

Primeiro você instala o Node caso ainda não tenha, pois é essencial o uso do NPM (que é o gerenciador de dependências).

1 $ brew install node

Em seguida o gulp:

1 $ npm install -g gulp

Agora é a hora de criar o package.json , onde fica ilícito tudo o que existe de dependência. Para isso é só rodar um

1 $ npm init

O próximo passo é fazer o gulp uma dependência local, entao apenas rode

1 $ npm install --save-dev gulp

que o seu package.json vai atualizar a lista automagicamente.

Botando pra funfar

Para um simples teste, vamos printar na tela que ele funciona. Para isso crie um arquivo gulpfile.js

1 $ touch gulpfile.js

Edite com seu editor favorito

1 $ nano gulpfile.js

e adicione a task test nele:

1 var gulp = require('gulp');
2 
3 gulp.task('test', function(){
4   console.log('It works!');
5 });

E por fim chame a task

1 $ gulp test

Se tudo estiver certo, vai aparecer no seu terminal a mensagem que adicionamos.

Para mais informações e a lista completa de plugins acesse gulpjs.com. E não deixe de acompanhar os slides abaixo em modo mangá / anime pra ficar mais divertido. :shipit:

Compartilhe

Sabia que nosso blog agora está no Medium? Confira Aqui!