Comprimir e combinar ficheiros JavaScript e CSS automáticamente

Usando um ficheiro bat é possivel comprimir e combinar vários ficheiros CSS e Javascript numa única acção.

Primeiro é necessário fazer o download da ferramenta YUI Compressor. Esta ferramenta usa java, por isso é essêncial te-lo instalado no computador.

Uso dois bat ficheiros separados. minify.bat and deploy.bat.

Vamos ver o minify.bat:

set yui="<full path to file>\yuicompressor.jar"
set css="<full path to css folder>"
set js="<full path to javascript folder>"

cd %css%

type  print.css typography.css style.css > style.temp.css
java -jar %yui% style.temp.css > style.min.css
del style.temp.css

cd %js%

type script1.js script2.js script3.js > scripts.temp.js
java -jar %yui% scripts.temp.js > scripts.min.js
del scripts.temp.js

Primeiro defino o caminho completo para a ferramenta yuicompressor, para a pasta de CSS onde estão os ficheiros que vão ser minificados e combinados, e para a pasta do JavaScript. Substitua estas definições pelas suas.

Depois combino todos os ficheiro num único ficheiro temporário. Depois comprimo esse ficheiro usando a ferramenta yui e por último apago o ficheiro temporário.

Agora vejamos o deploy.bat. É útil separar a minificação e a instalação em dois ficheiros especialmente quando temos vários ambientes de desenvolvimento (teste, aceitação e produção).

@call minify.bat
copy "<full path to file>\style.min.css" "<full path to destination folder>" 
copy "<full path to file>\scripts.min.js" "<full path to destination folder>" 

Aqui chamo a minificação e copio os ficheiros para a pasta de destino.

Agora basta correr o ficheiro deploy.bat e ver os seus ficheiros serem comprimidos e combinados automáticamente.

Dércia Silva
Publicado por Dércia Silva em 11 julho, 2014

Artigos relacionados