Automatiser - CSS et JS min et fusionner les fichiers

Question

EDIT: Je veux construire un script ANT et en utilisant YUI je veux compresser (minify) tous les fichiers CSS et les fichiers JavaScript dans un projet et en faire un seul fichier.

comme ce type ne http://heliologue.com/2008/09/22/using-yui-compressor-in-a-web-project/

mais je ne sais pas comment écrire des scripts ANT ou même scructure le build.xml et d'autres fichiers. JSF est la technologie de serveur utilisée et comprend 1 fichier css et 1 fichier javascript dans la page html rendue basée sur le navigateur. (par exemple: get master_ie.css, master_ie.js; firefox aura master_ff.css, master_ff.js)

mais le fichier css et js sont écrits dans un idk comment l'expliquer voir l'exemple CSS et extrait JS du fichier maître

CSS:

@import './../core/v2.3-global.css'; 
@import './../core/v2.3-elements-default.css'; 
@import './../layout/v2.3-layout.css'; 
@import './../app/v2.3-template-default.css'; 
@import './../app/v2.3-header.css'; 
@import './../app/v2.3-leftnav.css'; 
@import './../app/v2.3-popup.css'; 
@import './../app/v2.3-footer.css'; 
@import './../app/v2.3-something-provision-default.css'; 
@import './../app/v2.3-old-data-grid.css'; 
@import './../app/v2.3-header-info-container.css'; 
@import './../app/v2.3-data-summary-default.css'; 
@import './../app/v2.3-button.css'; 
@import './../app/v2.3-template-firefox.css'; 
@import './../core/v2.3-elements-firefox.css'; 
@import './../app/v2.3-oneclick-provision-firefox.css'; 
@import './../app/v2.3-data-summary-firefox.css'; 
@import './../app/v2.3-layout-firefox.css'; 
@import './../app/v2.3-tree.css' ; 
@import './../app/v2.3-extended-datatable-firefox.css'; 
@import './../app/v2.3-change-cloud-default.css'; 
@import './../app/v2.3-menu-default.css'; 
@import './../app/v2.3-user-summary-default.css'; 
@import './../app/v2.3-user-summary-firefox.css'; 
@import './../app/v2.3-recent-task-firefox.css'; 

JS:

document.write("<script type='text/javascript' src='../script/jhashtable.js'></script>"); 
document.write("<script type='text/javascript' src='../script/action-menu/jquery-top-menu.js'></script>"); 
document.write("<script type='text/javascript' src='../script/jquery.treeview.js'></script>"); 
document.write("<script type='text/javascript' src='../script/action-menu/top-menu-impl.js'></script>"); 
document.write("<script type='text/javascript' src='../script/popup-modal-dialog.js'></script>"); 
document.write("<script type='text/javascript' src='../script/navigationSideBar.js'></script>"); 
document.write("<script type='text/javascript' src='../script/action-menu/action-menu-script.js'></script>"); 
document.write("<script type='text/javascript' src='../script/appUiComponents.js'></script>"); 
document.write("<script type='text/javascript' src='../script/app-ui-validator.js'></script>"); 

il serait vraiment utile si vous pouvez l'expliquer pour moi, lentement, comme si j'avais 10 ans.

EDIT2: (solution trouvée) en utilisant JSF ->http://code.google.com/p/granule/ en utilisant ANT -> voir ci-dessous

Answer 1

Je ne comprends pas vraiment votre problème.

Vous avez déclaré que vous avez déjà utilisé Apache ANT, ce qui est 100% ce que je suggère là. Ecrire un petit script ANT, avoir un processus de construction statique cool!

http://ant.apache.org/

Answer 2

"I don't know how to use/write ANT scripts" 

Je pense que vous devriez appuyer alors. Ou au moins les bases. Ce n'est pas si difficile. J'ai suivi votre lien et regardé le script de la fourmi. Il suffit de le modifier pour vos fichiers. remplacer

<concat destfile="${build.dir}/web/common/js/global.js" force="no"> 
     <!-- explicitly order js concat because ordering matters here --> 
     <fileset dir="${build.dir}" includes="web/common/js/jquery.js" /> 
     <fileset dir="${build.dir}" includes="web/common/js/jquery.bgiframe.js" /> 
... 

avec vos fichiers

<concat destfile="${build.dir}/web/common/js/global.js" force="no"> 
     <!-- explicitly order js concat because ordering matters here --> 
     <fileset dir="${build.dir}" includes="script/jhashtable.js" /> 
     <fileset dir="${build.dir}" includes="script/action-menu/jquery-top-menu.js" /> 
... 

similaires avec les fichiers CSS