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