SeaJS에서 JQuery 사용

Sea.js는 간단하고 자연스러운 코드 작성과 조직 방식을 추구하여 간결한 방식으로 JS 코드를 관리하고 CMD규범에 따라 모듈화된 개발을 할 수 있다.
실제 개발에서 가장 중요한 문제는 기존의 JS 코드와 어떻게 통합하는가이다. 그 중에서 JQuery와의 통합이 가장 흔하다.공식 문서에는 JQuery에 대한 개조 방법이 기록되어 있어SeaJS와 통합할 수 있다.
    1.홈페이지에 기록된 개조 JQuery 방법
JQuery 자체가 AMD 사양 및 CommonJS를 지원하므로 코드에는 다음과 같은 정의가 포함되어 있습니다.
if ( typeof module === "object" && module && typeof module.exports === "object" ) {    module.exports = jQuery;
} else {    window.jQuery = window.$ = jQuery;    if ( typeof define === "function" &&  ) {
        define( "jquery", [], function () { return jQuery; } );
    }
}

우리는 그중의 define만amd를 define로 바꾸면 됩니다.
    2.기타 JQuery 변경 방법
JQuery 자체는 CMD 규범을 직접 지원하지 않지만 우리는 기존의 JQuery를 바탕으로 2차 봉인을 해서 CMD 규범을 지원하는 모듈로 만들 수 있다.
define(function(){    
    //jquery       
    
    return $.noConflict();
});

이 방법은 CMD 규범에 부합되는 모듈을 되돌려줍니다.SeaJS가 이를 관리하고 호출할 수 있습니다.
상기 두 가지 방법 모두 간단하고 효과적인 방식으로 JQuery가SeaJS와 호환되도록 하였으며 그 중 하나를 선택해도 좋다.
참조 자료:https://github.com/seajs/seajs/issues/971
                     http://www.tuicool.com/articles/bmuaEb
                     http://www.w3school.com.cn/jquery/core_noconflict.asp

좋은 웹페이지 즐겨찾기