Closure Compiler アプリケーションを使ってみる

Closure Compiler アプリケーションの Hello World

Closure Compiler アプリケーションは、JavaScript の圧縮、最適化、エラーの検出を行う Java コマンドライン ユーティリティです。簡単な JavaScript プログラムで Closure Compiler アプリケーションを試すには、次の手順に沿って操作します。

この演習を行うには、Java Runtime Environment バージョン 7 が必要です。

  1. Closure Compiler パッケージをダウンロードする

    closure-compiler という名前の作業ディレクトリを作成します。

    Maven リポジトリから最新の JAR ファイルをダウンロードし、closure-compiler に保存します。

  2. JavaScript ファイルを作成する

    次の JavaScript を含む hello.js という名前のファイルを作成します。

    // A simple function.
function hello(longName) {
  alert('Hello, ' + longName);
}
hello('New User');

    このファイルを closure-compiler ディレクトリに保存します。

  3. JavaScript ファイルをコンパイルする

    closure-compiler ディレクトリから次のコマンドを実行します。

    java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js

    このコマンドは、次の JavaScript を含む hello-compiled.js という名前の新しいファイルを作成します。

    function hello(a){alert("Hello, "+a)}hello("New User");

    コンパイラは、コメント、空白文字、不要なセミコロンを削除しています。コンパイラは、パラメータ名 longName を短い名前 a に置き換えています。その結果、JavaScript ファイルのサイズが大幅に小さくなります。

    コンパイルされた JavaScript コードが正しく動作することを確認するには、次のように HTML ファイルに hello-compiled.js を含めます。

    <html>
<head><title>Hello World</title></head>
<body>
<script src="hello-compiled.js"></script>
</body>
</html>

    HTML ファイルをブラウザで読み込むと、親しみやすい挨拶が表示されます。

次のステップ

この例では、Closure Compiler によって実行される最も単純な最適化のみを示しています。コンパイラの機能について詳しくは、高度なコンパイルと externs をご覧ください。

Closure Compiler の他のフラグとオプションの詳細については、--help フラグを指定して jar を実行します。

java -jar compiler.jar --help