Автоматизация - CSS и JS min и объединение файлов - PullRequest
Новая
       43

Автоматизация - CSS и JS min и объединение файлов

0 голосов
/ 23 февраля 2012

РЕДАКТИРОВАТЬ: я хочу построить сценарий ANT и используя YUI, я хочу сжать (минимизировать) все CSS-файлы и JavaScript-файлы в проекте И сделать его в один файл.

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

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

JSF - это используемая серверная технология, которая включает 1 файл CSS и1 файл javascript на визуализированную html-страницу на основе браузера.(пример: т.е. получит 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 -> см. ниже

Ответы [ 2 ]

2 голосов
/ 23 февраля 2012

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

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

http://ant.apache.org/

1 голос
/ 24 февраля 2012 
"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

...