이 모듈 패턴을 require.js로 변환하는 방법은 무엇입니까?

Question

자바 스크립트에서 모듈 패턴을 만들었으므로 언제든지 모듈을 만들어 사용할 수 있습니다. 그러나 Require.js로 변환 할 수있는 방법을 모르겠습니다. 각 모듈, 즉 Trades.toggleMenu, Trades.tabs 등은 일반적으로 별도의 파일에 있습니다. 그러나 나는 SO를 위해 그 이야기를 짧게하기 위해 여기에 그들을 포함시켰다. 도와주세요 :

JS :

(function (window, $) { 

    var Trades = (function(Trades) { 

    // All modules should be initialised here. For produdction, use a module dependency library, e.g. require.js 
    Trades.main = function() { 

     this.toggleMenu(); 
     this.validation.run($('#registration-form, #homeowner-login-form, #tradesmen-login-form')); 
     this.tabs(); 

    }; 

    Trades.toggleMenu = function() { 

    }; 

    Trades.tabs = function(el) { 

    }; 

    Trades.vaildation = function(el) { 
     return { 

      run: function (formName) { 
       //do something... 
      } 

     }; 
    }; 

    return Trades; 

    }(Trades || {})); 

    window.Trades = Trades; 

    $(function() { Trades.main(); }); 

}(window, jQuery)); 

많은 감사

Answer 1

당신 것 "거래"모듈을 정의 Trades.js라는 파일이 있습니다

define(["jquery"], function ($) { 

    var Trades = (function(Trades) { 
     ... 
     return Trades; 
    }(Trades || {})); 

    return Trades; 

}); 

그리고 당신은 사용합니다 그것은 다음과 같습니다 :

require(["jquery", "Trades"], function ($, Trades) { 

    $(function() { 
     Trades.main(); 
    }); 

}); 

jQuery는 RequireJS/jQuery 콤보 파일 (http://requirejs.org/docs/jquery.html#get)을 사용하거나이 답변 (Require.JS shim config global scope?)과 같이 jquery의 경로를 정의하여 모듈로 구성됩니다.