Automate - CSS и JS min и файлы слияния

Question

EDIT: Я хочу построить скрипт ANT и использовать YUI. Я хочу сжать (минимизировать) все файлы css и файлы JavaScript в проекте и превратить их в один файл.

как этот парень делает http://heliologue.com/2008/09/22/using-yui-compressor-in-a-web-project/

, но я не знаю, как писать ANT сценарии или даже scructure в build.xml и другие файлы.

JSF является используемой серверной технологией и включает 1 файл css и 1 файл javascript на визуализированную страницу html на основе браузера. (пример: ie получит master_ie.css, master_ie.js; firefox получит master_ff.css, master_ff.js)

, но файл css и js написан на idk, как объяснить его способ см. образец CSS и JS фрагмент главного файла

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>"); 

было бы реально помочь, если вы можете это объяснить для меня, медленно, как будто мне 10 лет.

EDIT2: (найдено решение) с использованием JSF ->http://code.google.com/p/granule/ с помощью ANT -> смотри ниже

Answer 1

Я не очень понимаю вашу проблему.

Вы заявили, что уже используете apache ANT, что на 100% я бы предложил там. Создайте небольшой скрипт ANT, создайте классный статический процесс сборки!

http://ant.apache.org/

Answer 2

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

Я думаю, вы должны наклоняться это тогда. Или, по крайней мере, основы. Это не так сложно. Я следил за вашей ссылкой и смотрел скрипт муравья. Просто измените его для своих файлов. заменить

<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" /> 
... 

с файлами

<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" /> 
... 

Похожие с CSS файлами