0

编辑:我想构建一个 ANT 脚本并使用 YUI 我想压缩(缩小)项目中的所有 css 文件和 JavaScript 文件并将其制成一个文件。

就像这个人一样http://heliologue.com/2008/09/22/using-yui-compressor-in-a-web-project/

但我不知道如何编写 ANT 脚本,甚至不知道如何构建 build.xml 和其他文件。

JSF 是使用的服务器技术,它在基于浏览器呈现的 html 页面中包含 1 个 css 文件和 1 个 javascript 文件。(例如: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 -> 见下文

4

2 回答 2

2

我真的不明白你的问题。

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

http://ant.apache.org/

于 2012-02-23T11:25:09.407 回答
1
"I don't know how to use / write ANT scripts"

我认为你应该倾斜它。或者至少是基础知识。这并不难。我按照您的链接查看了 ant 脚本。只需为您的文件修改它。代替

<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 文件类似

于 2012-02-24T08:55:23.610 回答