Concatenare CSS e JS prima della compressione? Utensili? Migliori pratiche?

Question

Sto lavorando su un sito di una pagina che incorpora circa una dozzina di file .js e forse una mezza dozzina di file .css.

La maggior parte dei file .js sono plugin jQuery. A parte un file css di base, i file CSS sono per i corrispondenti plugin jQuery.

YUI Compressor sembra essere il preferito per la compressione di file CSS e JS. Tuttavia, comprime solo i singoli file.

Vorrei anche combinare i miei file e (idealmente) finire con un file .js e un file .css (entrambi compressi).

Esistono strumenti preferiti che ti consentono di automatizzare la combinazione dei file .js e .css in un unico file in modo che possa essere eseguito tramite il compressore YUI?

Answer 1

Ho finito per inciampare su questa opzione:

http: / /johannburkard.de/blog/programming/javascript/automate-javascript-compression-with-yui-compressor-and-packer.html

È un file batch che combina versioni locali di concatenazione, YUI Compressor e Dean Edward's Packer.

Alla fine, però, non sono riuscito a far funzionare Packer localmente. Continuava a corrompere il mio .js.

Quindi, ho saltato quella parte e poi ho eseguito il mio codice YUI Compressed attraverso il Packer online e ho visto solo un ulteriore aumento dell'1% della compressione, quindi ho semplicemente omesso lo stadio Packer.

Alla fine, la mia soluzione ha utilizzato le istruzioni collegate sopra con file batch leggermente modificato:

digita .. \ js-in * > jb.js java -jar .. \ yui \ build \ yuicompressor-2.4.2.jar jb.js -o jb-yui.js

Grazie anche per tutte le altre soluzioni (valide). Molte buone informazioni!

Answer 2

Se sai un po ', php, ho trovato che questo è il modo migliore: http://www.thedanglybits.com/2007/06/21/minify-your-external-javascript-and-css-with-php/

Answer 3

Potresti voler controllare i pignoni ( http://www.getsprockets.com/ ).

Answer 4

Stavo ponendo questa domanda solo l'altro giorno. Dopo essermi stancato di esplorare il Web, ho trovato questa soluzione hackish (file batch di Windows).

@echo off
set TUNA_ROOT=C:\path\to\webroot
set YUI_COMPRESSOR_PATH=C:\path\to\yuicompressor-2.4.2\build
set TEMP_JS_FILE=%TUNA_ROOT%\scripts\all_scripts_temp.js
set OUTPUT_JS_FILE=%TUNA_ROOT%\scripts\tuna_min.js
if exist "%TEMP_JS_FILE%" del "%TEMP_JS_FILE%"
if exist "%OUTPUT_JS_FILE%" del "%OUTPUT_JS_FILE%"
type "%TUNA_ROOT%\Scripts\MicrosoftAjax.js" >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
type "%TUNA_ROOT%\Scripts\MicrosoftMvcAjax.js" >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
rem ...and so on...
java -jar "%YUI_COMPRESSOR_PATH%\yuicompressor-2.4.2.jar" -v --charset utf-8 -o "%OUTPUT_JS_FILE%" "%TEMP_JS_FILE%"
if exist "%TEMP_JS_FILE%" del "%TEMP_JS_FILE%"

ma mi piacerebbe davvero che ci fosse un modo più automatizzato di fare le cose.

Answer 5

Uso questo sito quasi esclusivamente per comprimere i miei file JS e CSS:
http://www.lotterypost.com/js-compress.aspx
http://www.lotterypost.com/css-compress.aspx