2011-12-26 3 views
6

AMDをまだサポートしていないモジュールの読み込みには多くのバリエーションがありました。これを実行するベストプラクティスを知りたいと思います。require.jsを使用してAMDモジュールとしてjQuery、Underscore、およびBackboneを含める最良の方法は何ですか?

module.js: 

define(["jQuery", "Underscore", "Backbone"], function($, _, Backbone) { 
    ... module code here 
} 

をしかし、彼らはすべてのAMD準拠していないので、多くの問題は、AMDを使用して、それらの依存関係をロードすることにあります。

結局、私はこのようなモジュールを書きたいと思います。

+1

AMDはどういう意味ですか? CPUファミリではないでしょうか? – Thilo

+1

非同期モジュール定義。私が認めなければならないTLAの貧しい選択... :) –

+1

数年前(Intelのスイッチの前に)、Macの噂のグループはamdへのコード参照で溢れていました。当時は、自動マウントデーモンでした。 ;-) – Thilo

答えて

4

すべてのモジュールをAMDモジュール(ローダーなし)として読み込むToDoリストボイラープレートWebアプリケーションを作成しました。

それをチェックアウト:

https://github.com/ronreiter/webapp-boilerplate

+2

リンクが壊れています。 – amoss

1

thisの例を見てください。 requirejsと一緒にバックボーンを使用する方法をうまく示します。また、モデル、ビュー、およびコレクションをきれいに整理する方法も示しています。

+0

例が更新されたバージョンで、チュートリアルがウェブサイトで説明しているものではないようです。ありがとう。 –

2

非公開の例で、jquery/underscore/backboneを読み込むためのより良い例(imo)があります。ローダーを見ることから始めてhere

これはモジュールを同期的に読み込むためにRequireJSオーダープラグインが見つかったhereです。

1

RequireJSの最新バージョンは、NON-AMD JSファイルを使用する機能が追加されます。

require.config({ 
    'paths': { 
    "underscore": "libs/underscore-min", 
     "backbone": "libs/backbone-min" 
    }, 
    'shim': 
    { 
     backbone: { 
      'deps': ['jquery', 'underscore'], 
      'exports': 'Backbone' 
     } 
    } 
}); 

これを試してください。

0

私がAMDについて理解していないことの1つは、デモアプリケーションが必要な場合にのみ必要なjsをロードするように見えます。最初のページの読み込み時にアプリケーションにアクセスするとすべてのjs html cssファイルがロードされます。

関連する問題