Concaténer CSS et JS avant la compression? Outils? Les meilleures pratiques?

Question

Je travaille sur un site d'une page qui incorpore une douzaine de fichiers .js et peut-être une demi-douzaine de fichiers .css.

La plupart des fichiers .js sont des plugins jQuery. Outre un fichier css de base, les fichiers CSS sont destinés aux plug-ins jQuery correspondants.

YUI Compressor semble être un favori pour la compression des fichiers CSS et JS. Cependant, il ne compresse que des fichiers individuels.

J'aimerais aussi combiner mes fichiers et (idéalement) me retrouver avec un fichier .js et un fichier .css (tous deux compressés).

Existe-t-il des outils privilégiés vous permettant d'automatiser la combinaison des fichiers .js et .css en un seul fichier afin qu'il puisse ensuite être exécuté via le compresseur YUI?

Answer 1

J'ai fini par tomber sur cette option:

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

Il s’agit d’un fichier de commandes combinant les versions locales de la concaténation, YUI Compressor et Dean Edward's Packer.

En fin de compte, cependant, je n’ai pas pu faire travailler Packer localement. Il a continué à corrompre mon .js.

J'ai donc ignoré cette partie, puis jeté mon code YUI Compressed dans Packer en ligne et constaté une augmentation supplémentaire de 1% de la compression. Nous avons donc simplement omis l’étape Packer.

Finalement, ma solution a utilisé les instructions liées ci-dessus avec un fichier batch légèrement modifié:

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

Merci pour toutes les autres solutions (valables) également. Beaucoup de bonnes infos!

Answer 2

Si vous en savez un peu php, j’ai trouvé que c’était le meilleur moyen: http://www.thedanglybits.com/2007/06/21/minify-your-external-javascript-and-css-with-php/

Answer 3

Vous pouvez vérifier les pignons ( http://www.getsprockets.com/ ).

Answer 4

Je ne posais cette question que l'autre jour. Après avoir épuisé toutes mes recherches sur le Web, j’ai trouvé cette solution hackish (fichier batch 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%"

mais j'adorerais vraiment s'il y avait une façon plus automatisée de faire les choses.

Answer 5

J'utilise ce site presque exclusivement pour compresser mes fichiers JS et CSS:
http://www.lotterypost.com/js-compress.aspx
http://www.lotterypost.com/css-compress.aspx