0

編集: ANT スクリプトを作成したいのですが、YUI を使用して、プロジェクト内のすべての css ファイルと JavaScript ファイルを圧縮 (縮小) し、1 つのファイルにします。

この男のように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 に答える