私たちはどこにいたの？最初の 2 つの問題で考えすぎて疲れていませんか?心配しないでください。この号のトピックは非常に簡単です。いくつかの構文を簡単に理解して、数行の設定を記述するだけで、事前に設定された方法に従ってシステムが一部の作業を自動的に完了できます。楽しいと思いませんか？さあ、出発しましょう〜
今回は、Ant を使用して、前号で作成および整理したコード ファイルを指定された順序で 1 つのソース ファイルにマージし、このファイルを圧縮します。これらは、JavaScript プロジェクトを構築するための基本的な手順です。 Ant は Apache のトップ オープン ソース プロジェクトであり、その導入とインストールに関する記事がインターネット上にたくさんあるため、ここでは詳しく説明しません。ビルドする前に、既存のファイル レイアウトを見てみましょう。
Smart-queue // コンポーネントのルート ディレクトリ
+--- src // JavaScript ソース ファイル ディレクトリ
+--- lang.js // 上記の「外部ファイル」
+--- Smart-queue.js // スマート キューのメイン ファイル
ここで、それを「フル」にしたいと思います。
スズメは小さいですが、内臓はすべて揃っています。現在、Smart Queue はより専門的な JavaScript プロジェクトのように見えます。
Smart-queue // コンポーネントのルート ディレクトリ
+--- lib // JavaScript 外部プログラムとライブラリ ファイルのディレクトリ
+--- yuicompressor.jar // YUI コンプレッサー
+--- test //テストファイルディレクトリ
+--- src // JavaScript ソース ファイル ディレクトリ
+--- intro.js // 概要とバージョン情報
+--- lang.js // 上記の「外部ファイル」
+--- Smart-queue.js // スマート キューのメイン ファイル
+--- README // コンポーネントの Readme ファイル
+--- LICENSE // コンポーネントの認証情報
ビルドされたファイルはコンポーネントのルート ディレクトリの下の build サブディレクトリに保存され、ビルド ツールを通じて作成および破棄される予定です。初めてビルドを試みる前に、Ant の構成ファイル build.xml の構造について一般的に理解しておくことをお勧めします。
<プロジェクト名="MyProject" デフォルト="dist" basedir=".">
<説明>
簡単なビルドファイルの例
</説明>
<!-- このビルドのグローバル プロパティを設定します -->
<property name="src" location="src"/>
<property name="build" location="build"/>
<property name="dist" location="dist"/>
<ターゲット名="init">
<!-- タイムスタンプを作成します -->
<tstamp/>
<!-- コンパイルで使用されるビルド ディレクトリ構造を作成します -->
<mkdir dir="${build}"/>
</ターゲット>
<target name="コンパイル" depend="init"
description="ソースをコンパイルする " >
<!-- Java コードを ${src} から ${build} にコンパイルします -->
<javac srcdir="${src}" destdir="${build}"/>
</ターゲット>
<ターゲット名="クリーン"
description="クリーンアップ" >
<!-- ${build} および ${dist} ディレクトリ ツリーを削除します -->
<delete dir="${build}"/>
<delete dir="${dist}"/>
</ターゲット>
</プロジェクト>
わかりやすい名前と説明に加えて、次のようなパターンも見られます。
出典: Alipay UED