YUI Compressor

5 Oct

Yahoo a lansat cu ceva timp în urmă un utilitar ce îţi poate compresa codul JS sau CSS destul de mult - YUI Compressor. De fapt, acest utilitar şterge comentariile şi pune tot codul pe o singură linie. Nu ţi se pare mult, nu? În cazul unui fişier cu sute-mii de linii, chiar se cunoaşte ceva ;)

Cu toate că Julien Lecomte a scris mai multe despre acest subiect, eu vreau să îţi arăt o cale de a face compresia o chestie banală, ce te scuteşte de command promt, totul reducându-se la două click-uri (pe numărate, da? :D )

Pasul 1 - Environment Variables

Pentru a seta Environment Variables, apasă tasta WIN + PAUSE sau click dreapta pe My computer şi alege Properties apoi tab-ul Advanced -> Environment Variable. Din lista System Variables alege PATH apoi apasă EDIT iar la Variable Value trebuie să adaugi calea spre directorul în care se află java.exe. În cazul meu, java.exe se află în C:\Program Files\Java\jre1.6.0\bin. Calea se adaugă cu punct şi virgulă înainte (că e frumos să le lăsăm şi pe celelalte lângă java, nu? :P ) . După toate acestea, dai un restart.

Pasul 2 - Fişierul Batch

Începe, aşa cum probabil NU te aştepţi, cu un download. Cu download-ul utilitarului. După ce dezarhivezi ultima versiune, în directorul build vei găsi un fişier de genul yuicompressor-x.x.x.jar. Unde x.x.x este versiunea. La momentul scrierii acestui articol, versiunea este 2.2.4.

Copiază acest fişier în acelaşi director cu java.exe şi redenumeştel în y.jar. Nu este obligatoriu, dar am considerat că este mai simplu :D

Creaza un fişier txt şi redenumeşte-l în js.bat, click dreapta pe el -> edit şi adaugă următoarea linie

java -jar "C:\Program Files\Java\jre1.6.0\bin\y.jar" %1

Salvezi şi…. gata. Pasul 2 :P

Pasul 3 - Click dreapta -> Compress

Deschide My computer -> Tools -> Folder Option -> Tabul File Types iar în lista ce se deschide, caută JS apoi apasă pe butonul Advanced -> New iar în câmpul Action scrie ce vrei să apară la click dreapta. În câmpul Application use to perform action adaugă calea spre fişierul js.bat de la pasul 2.

După toată treaba asta, apasă ok până îţi dispar toate ferestrele apoi caută un fişier JS prin calculator pentru probe : click dreapta -> compress.

That’s all :)

Pe această cale îmi mulţumesc lui Raz pentru idee :D

Scris în categoria: Development, Tutoriale

Un comentariu »

  1. Cu placere b-)

Lasă un comentariu

Poţi folosi câteva taguri XHTML: <blockquote> <strong> <a> <em>

Pentru a posta secvenţe de cod, foloseşte
<pre lang="php/css/html/javascript"> CODUL TĂU <pre>