Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Minificando CSS e Javascript com PhpStorm

19/08/2017

Olá! Nessa vídeo aula vou ensinar uma maneira simples e rápida de minificar seus arquivos .js e .css, economizando tempo e otimizando a abertura do seu website.

Antes de mais nada precisaremos do Arquivo do YuiCompressor que pode ser baixado clicando aqui.

Vamos extraí-lo dentro de C:/Wamp64/.

Após isso acessaremos os seguintes caminhos no PhpStorm:

  1. File >> Settings
  2. Pesquisar por "File Watchers"
  3. Clico no ícone +
  4. Selecione YuiCompressor CSS ou YuiCompressor JS
  5. Colo em programa o caminho completo do nosso YuiCompressor: C:\wamp64\YuiCompressor\build\yuicompressor-2.4.7.jar

A partir disso o PhpStorm já estará salvando o arquivo comprimido toda vez que você alterar o arquivo.

Veja como vai ficar seu projeto:

Resultado do minified css e javascript com PhpStorm e YuiCompressor

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

A importância do programador web diante das diversas plataformas de criação de sites
Neste vídeo relatarei minha visão pessoal sobre a importância dos desenvolvedores web mesmo diante das diversas plataformas de desenvolvimento automáticas.
Saiba mais!
SO e APPs
Existem milhares de APP's e softwares para computadores. Conheça dicas de melhor performance do sistema operacional e de smartphones.
Saiba mais!