javascript - 自动化 - CSS 和 JS 最小化和合并文件

Question

编辑:我想构建一个 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 页面中。 (例如: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 岁的 child 一样，那真的很有帮助。

EDIT2:(找到解决方案)使用 JSF -> http://code.google.com/p/granule/使用 ANT -> 见下文

Answer 1

我不太明白你的问题。

您说您已经使用过 apache ANT，这是我在那里建议的 100%。写一点 ANT 脚本，有一个很酷的静态构建过程!

http://ant.apache.org/