RequireJs - Define vs Require

Question

モジュールの場合、私はdefineの代わりにrequireを使用していたオブジェクトを返しません。今、私は別のモジュールに次のように言うならば

require(['jquery'], function($) { 
    $.fn.myPlugin = function(options) { 
     ... 
    }; 
}); 

：たとえば、私は、次のjQueryプラグイン（jquery.my-plugin.js）を持っていると言う

require(['jquery', 'jquery.my-plugin'], function($) { 
    $('#element').myPlugin(); 
}); 

私は、これは「doesnの見つけましたmyPluginが登録されていないため、動作しません。しかし、jquery.my-pluginモジュール内のdefineにrequireを変更すると、うまく動作します。

誰かがこれをやらなければならない理由を誰かが解消できると感謝します。私は先に進んで使用する前に、何かを完全に理解しています。ありがとう

Answer 1

本来、requireを使用すると、「私はこれが欲しいですが、すべての依存関係も欲しい」と言います。したがって、以下の例ではAを必要としていますが、requireはすべての依存関係を検索し、続行する前にロードされていることを確認します。親指の

require(['a'], function(a) { 
    // b, c, d, e will be loaded 
}); 

// File A 
define(['b','c','d','e'], function() { 
    return this; 
}); 

一般的なルールは、あなたのアプリケーションで再利用されるモジュールを定義したいとあなたは、単に依存関係をロードするためにrequireを使用するときにdefineを使用しています。以下

Answer 2

が他の場所で依存関係として使用することができる「jquery.my・プラグイン」と呼ばれるモジュールを定義jquery.my-plugin.js内部でなければならないコードです。以下は

define(['jquery'], function($) { //jquery is a dependency to the jquery.my-plugin module 
    $.fn.myPlugin = function(options) { //adds a function to the *global* jQuery object, $ (global since jQuery does not follow AMD) 
     ... 
    }; 
}); 

[必要が使用する方法とする場合の可能性重複

require(['jquery.my-plugin'], function() { // jquery.my-plugin is loaded which attaches the plugin to the global JQuery object as shown above, then this function fires 

    //the only reason $ is visible here is because it's global. If it was a module, you would need to include it as a dependency in the above require statement 
    $('#element').myPlugin(); //the $ refers to the global object that has the plugin attached 
});