13 Compartilhamentos 128 Views

Minificando arquivos JS no Gulp

28 de fevereiro de 2018

Automatizar algumas tarefas no durante o processo de desenvolvimento, principalmente as tarefas mais chatinhas, é o que o Gulp faz de melhor.

Eu uso (e abuso) do Gulp de diversas formas, uma das minhas favoritas é minificar/compactar meus scripts javascript em arquivos .min.js. Ou melhor ainda, juntar todos meus arquivos .js e um único .min.js automaticamente!

Mágica? Nada disso… Gulp!

Apresento então a vocês 2 tasks que costumo utilizar em meu gulpfile.js:

Importante: Vou tomar por base que o Gulp já está instalado no seu projeto. A intenção aqui é ser prático, OK?.

o primeiro exemplo pega todos os arquivos .js da pasta assets_dev/js e cria uma versão minificada na pasta assets/js.
Lembre-se que as pastas citadas são atribuidas nas seguintes variáveis: js_dev e js_dist. Mude à vontade, porém se a pasta for a mesma será necessário criar uma exceção para não minificar o próprio arquivo .min.js. Dá pra resolver isso usando o gulp-ignore, OK?

Nesta segunda task (que particularmente gosto mais), todos os arquivos .js da pasta assets_dev/js serão minificados em um único arquivo chamado scripts.min.js na pasta assets/js.

Isso sim que é praticidade.

Para executar as tarefas, basta ter o gulp instalado e também os modulos: gulp-plumber, gulp-uglify, gulp-rename e gulp-concat.

Depois execute o seguinte comando no seu terminal:

Melhor ainda se você adicionar a tarefa scripts no seu watch do Gulp, assim você não precisa se preocupar em ficar executando a tarefa a cada mudança em algum arquivo.

Depois, no terminal, digite:

Pronto, agora já dá pra ver a “mágica” acontecer.

Você pode se interessar

Promoções de Jogos do Final de Semana (20/07)
Notícias
5 visualizações
Notícias
5 visualizações

Promoções de Jogos do Final de Semana (20/07)

Carlos L. A. da Silva - 20 de julho de 2018

Confira as melhores ofertas de jogos de PC para o final de semana.

A história do WASD como padrão nos jogos de PC
Artigos
8 visualizações
Artigos
8 visualizações

A história do WASD como padrão nos jogos de PC

Carlos L. A. da Silva - 19 de julho de 2018

Se você joga no computador, é quase certo que as teclas W, A, S e D do seu teclado estão gastas nesse momento. Mas como essa estranha combinação se tornou o padrão da indústria?

Chega no Brasil a Canon DSLR EOS 77D a câmera com autofoco rápido e preciso
Notícias
6 visualizações
Notícias
6 visualizações

Chega no Brasil a Canon DSLR EOS 77D a câmera com autofoco rápido e preciso

Redação - 19 de julho de 2018

A Canon acaba de lançar no Brasil a novíssima câmera DSLR EOS 77D, que representa uma nova categoria de câmeras para fotógrafos amadores/avançados.

Deixe um Comentário

Your email address will not be published.

Mais publicações

Como reiniciar sua placa de vídeo sem reiniciar o Windows
Dicas
6 visualizações
6 visualizações

Como reiniciar sua placa de vídeo sem reiniciar o Windows

Carlos L. A. da Silva - 19 de julho de 2018
7 golpes de engenharia social que você precisa evitar
Artigos
11 visualizações
11 visualizações

7 golpes de engenharia social que você precisa evitar

Carlos L. A. da Silva - 16 de julho de 2018
Promoções de Jogos do Final de Semana (13/07)
Notícias
11 visualizações
11 visualizações

Promoções de Jogos do Final de Semana (13/07)

Carlos L. A. da Silva - 13 de julho de 2018
Criando sites com facilidade
Artigos
24 visualizações
24 visualizações

Criando sites com facilidade

Carlos L. A. da Silva - 13 de julho de 2018