web-dev-qa-db-ja.com

HTML5ボイラープレートplugins.js

Plugins.jsに追加のjsファイルを含めるにはどうすればよいですか？そこに各プラグインのコンテンツをコピーして貼り付けるだけの期待ですか？または、使用する必要があるjsインクルードを実行するいくつかの方法はありますか？

具体的には、この関数内のgoの例を参照してください。

// remap jQuery to $
(function($){

})(this.jQuery);
javascripthtml5boilerplate
32
Matrym

Html5ボイラープレートのそのセクションは、そこに移動する必要がある、または移動できるものの略語のようなものです。

Plugins.jsにはいくつかの方法でアプローチできます。

  1. それを無視して、すべてのJSプラグインを個別のファイルとして含める（望ましくない）
  2. プラグインファイルを手動で連結および縮小します（これは維持するのが面倒です）
  3. スクリプトを使用して、実行時にそれらを連結（およびキャッシュ）します（ これのように ）
  4. Makefileを使用して忍者のように連結/圧縮する（ like this ）
  5. yepnope.js のような洗練されたJSライブラリを使用して、必要に応じてプラグインファイルを非同期でロードします。

JSプラグインをインクルードするためのオプションはたくさんあります...もちろん、自分でそれらを比較検討する必要があります。通常はオプション3または4を使用しますが、5の使用を開始する必要があります。

あなたが与えたコードのスニペットに何が入るかに関しては：

(function($){
  // This is a wrapper for your jQuery stuff 
})(this.jQuery);

多くのjQueryプラグインをラップするコードのブロックが表示されます（ the docs を確認してください）。これは、jQuery固有のコードをラップするために使用できるため、$を使用しながら、サイトをjQuery互換モードに維持できます。これにより、サイトは$同じように。

33
borkweb