Installationsanleitung YUI-Compressor
YUI Compressor auf Windows (Siehe im Buch dazu Abschnitt 15.5)
Zum einen benötigen Sie auf Ihrem Rechner dazu die Java Runtime Enviroment (JRE), auf deren Basis der YUI Compressor aufbaut. Diese erhalten Sie kostenlos auf http://www.java.com/de/download/.
Desweiteren brauchen Sie den YUI Compressor selbst, den Sie ebenfalls kostenlos bekommen(http://yuilibrary.com/downloads/#yuicompressor.
Dieser Download muss nur an einem Ort Ihrer Wahl entpackt werden. Von den ganzen entpackten Dateien interessiert uns nur die yuicompressor-2.4.7/build/yuicompressor-2.4.7.jar, die Sie am besten in Ihr Webprojekt-Verzeichnis kopieren, zum Beispiel in einen Unterordner /tools. Da wir den YUI Compressor in der Kommandozeile bedienen werden, sparen wir für später viel Tipperei.
Angenommen, die Stylesheet-Dateien liegen im Unterordner /css. Um die Dateien darin nun zu minifizieren, öffnen Sie die Eingabeaufforderung. Bewegen Sie sich darin per cd-Befehl in den /tools-Ordner. Anschließend geben Sie pro zu minifizierender Datei folgenden Befehl ein:
java -jar yuicompressor-2.4.7.jar -o "../css/dateiname.min.css" "../css/dateiname.css"
Sie starten also Java und laden dann hinter dem -jar-Parameter den YUI-Compressor als Java-Programm. Als nächstes legen Sie hinter dem -o-Parameter fest, wie die zu erzeugende, optimierte Datei heißen soll, in diesem Fall ../css/datei.min.css. Zu guter Letzt übergeben Sie den Namen der zu minifizierenden Quelldatei aus dem Nachbarordner /css, hier ../css/datei.css.
Seit Version 2.4.6 lassen sich auch ganze Ordner voller Stylesheet-Dateien im Batch, also in einem Rutsch minifizieren, und zwar mit folgender Anweisung:
java -jar yuicompressor-2.4.7.jar -o ".css$:.min.css" *.css
Innerhalb des –o-Parameters legen Sie in diesem Fall keinen konkreten Ausgabenamen mehr fest, sondern eine Suchen-Ersetzen-Regel, die nach einem .css am Ende (dafür steht das $) eines jeden Dateinamens sucht, und dieses durch ein .min.css ersetzt.
Bei JavaScript läuft es exakt genau so:
java -jar yuicompressor-2.4.7.jar -o "../css/datei.min.js" "../js/datei.js"
Oder bei Sammlungen von Dateien in einem Ordner:
java -jar yuicompressor-2.4.7.jar -o ".js$:.min.js" *.js
Um nicht vor jedem Ausspielen für alle Dateien die Minifizierungs-Befehle erneut eingeben zu müssen, und weil man die Syntax schnell wieder vergisst, sollten Sie sich eine Batch-Datei anlegen, die die Befehle für alle zu optimierenden Dateien enthält und die Sie jederzeit bequem per Mausklick starten können.