Automação de tarefas do dia a dia front-end:
-
Automação front end com npm.
-
Tarefas no dia a dia utilizando Node.js e NPM.
-
O gulp será o nosso principal aliado nesta tarefa.
-
Pré-Requisitos: HTML / CSS / JS
- Compilação de sass;
- Adição automática de prefixos de browser;
- Concatenação de arquivos;
- Compressão de arquivos;
- Transformar JavaScript moderno em JavaScript compatível com outros browsers e mais.
-
VS-Code;
-
NVM controle de versão pacotes Node;
-
NodeJS 14+;
-
Gulp 4.x.x;
-
Git.
-
Clone o projeto em um local com permissões,
- Execute no terminal ou bash o comando:
git clone https://github.com/fcd007/projeto-gulp.git
- Abra o projeto no seu editor de código preferido;
- Dentro da pasta do projeto instale as depedências com o comando:
npm i ou npm install
e aguarde as dependências serem baixadas; - Comandos úteis para executar:
gulp --tasks
mostra todas as tarefas configuradas no projeto;gulp
comando padrão executa todos as tarefas do gulp e o servidor http;gulp plugins
comando para executar todos os plugins configurados com suas tarefas;gulp sass
executa as tarefas de SASS e CSS do projeto;gulp broswer-sync
executa servidor sincrono http do projeto;
Agradeço a contribuição com feedback e sugestões, qualquer dúvida só enviar mensagem.