13 Compartilhamentos 93 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

Descubra como os usuários interagem com seu aplicativo
Artigos
6 visualizações
Artigos
6 visualizações

Descubra como os usuários interagem com seu aplicativo

Carlos L. A. da Silva - 20 de Março de 2018

Como os usuários estão interagindo com seu aplicativo? Onde eles estão encontrando dificuldades para usá-lo? O que provoca travamentos? Esses são dados que você precisa ter em mãos.

10 sites que podem substituir os programas do seu PC
Artigos
1 visualizações
Artigos
1 visualizações

10 sites que podem substituir os programas do seu PC

Carlos L. A. da Silva - 19 de Março de 2018

Para que gastar tempo com instalação? Com esses serviços online, você pode começar a produzir em qualquer PC, em qualquer lugar do mundo.

Promoções de Jogos do Final de Semana (16/03)
Notícias
3 visualizações
Notícias
3 visualizações

Promoções de Jogos do Final de Semana (16/03)

Carlos L. A. da Silva - 16 de Março de 2018

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

Deixe um Comentário

Your email address will not be published.

Mais publicações

Como mudar a pasta dos downloads do Windows 10
Dicas

Como mudar a pasta dos downloads do Windows 10

Carlos L. A. da Silva - 13 de Março de 2018
5 visualizações

Promoções de Jogos do Final de Semana (09/03)

Carlos L. A. da Silva - 9 de Março de 2018
Manifesto Ágil: Introdução e conceitos
Artigos
32 compartilhamentos383 visualizações
32 compartilhamentos383 visualizações

Manifesto Ágil: Introdução e conceitos

Plataformatec - 7 de Março de 2018
Aprenda como funciona um programa de recuperação de arquivos
Artigos
26 visualizações
26 visualizações

Aprenda como funciona um programa de recuperação de arquivos

Carlos L. A. da Silva - 6 de Março de 2018