閉鎖ディスカッショングループのこのスレッドを見てください。
私のhtmlソースはおおよそ次のようになります。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- style sheets -->
<link rel="stylesheet" href="/m/myapp/css/style.css">
<!-- closure base -->
<script type="text/javascript" src="/m/google-closure/closure/goog/base.js"></script>
<!-- file containing dependencies specific to the project -->
<script type="text/javascript" src="/m/myapp/my-deps.js"></script>
<!-- main script of my application -->
<script type="text/javascript" src="/m/myapp/main-script.js"></script>
</head>
<body>
<div id="myapp_div"></div>
<script type="text/javascript">
load_myapp_into("myapp_div");
</script>
</body>
</html>
/m/myapp
アプリケーション コードを記述し、 urlにマップされるディレクトリに好きなように整理します。メインのスクリプト ファイルを指定するだけで済みます。残りのものは、依存マップに従ってロードされbase.js
ます。
クロージャの興味深い機能の 1 つは、依存関係計算ツールが何がどこから来るかを判断するため、好きなようにファイルを移動したり名前を変更したりできることです。
最も重要な部分は、依存ファイルを計算することですmy-deps.js
。私はまだ彼らの古いcalcdeps.py
を使用していますが、現在は と呼ばれるより良いツールがあるようですdepswriter
。
実行後calcdeps.py
、生成された deps ファイル内のパスを書き換える必要がある可能性が高くなります。これらのパスはbase.js
.
また、コンパイラに興味がなくても、多くのエラーを指摘してくれるので役に立ちます。とにかく、その目的のためだけにコンパイラを使用します。また、コンパイルされていないコードのダウンロード サイズが巨大になる可能性があるため、コンパイラを使用しないクロージャはデバッグにのみ役立つ場合があります。
クロージャー テンプレートは見過ごさないでください。それらは非常に優れています。