jQuery가 필요한 JavaScript 라이브러리를 패키지하는 가장 좋은 방법은 무엇입니까?

Question

저는 jQuery의 $ .ajax() 함수를 사용하는 매우 기본적인 JavaScript 라이브러리를 작성하고 있습니다.

이 종속성을 어떻게 관리해야합니까? 내 라이브러리 사용자에게 jQuery를 포함하도록 지시해야합니까? 라이브러리 내에서 jQuery를로드하려면 RequireJS 또는 스크립트 태그 삽입과 같은 것을 사용해야합니까? 후자가 더 좋으면 사용자가 이미 jQuery를 사용하고 있다면 충돌을 일으키지 않고 어떻게해야합니까?

Answer 1

jQuery 이외의 다른 종속성이있는 경우 다소 달라집니다.

jQuery가 유일한 의존성이고 라이브러리에 모듈 종속성 시스템이 필요하지 않은 경우 RequireJS를 사용하지 않는 것이 좋습니다. 라이브러리에 jQuery가 있는지 확인하고, 그렇지 않으면 오류를 던집니다.

그러나 유연하고 유지 보수가 용이 한 라이브러리를 만들려면 RequireJS와 같은 모듈 로더를 사용하는 것이 좋습니다. 이것은 또한 당신에게 당신이 결합 라이브러리

Answer 2

사용자에게 jquery를 먼저 포함 시키도록 조언합니다. 어떤 예제 든 선택할 수있게하면 실제로 사용되는 접근 방식 (예 : .net 프레임 워크)이 표시됩니다.

Answer 3

내가 원래 게시물에 추천 멍청한 나로 JSON 데이터를 가져 오기 위해 내 자신의 함수를 작성 결국 포장 할 수있는 build system를 사용하는 이점을 제공합니다. 대답 한 모든 사람들에게 감사드립니다. JavaScript 라이브러리 의존성에 대한 지침은 다른 경로를 따라 갔지만 매우 유용했습니다.

나는 this Stack Overflow answer을 JSON을 가져 오는 자신의 기능을 작성하는 지침으로 사용했습니다. 데이터를 동 기적으로 가져와야하므로 this other article에 설명 된 팁으로 기능을 조정했습니다.

결국 내 기능은 다음과 같습니다. 나는 그것이 오는 다른 누군가를 돕기를 바랍니다.

var fetchJSON = function(path, callback) { 
    var httpRequest = new XMLHttpRequest(); 
    httpRequest.open('GET', path, false); 
    httpRequest.send(); 
    if (httpRequest.readyState === 4) { 
    if (httpRequest.status === 200) { 
     var data = JSON.parse(httpRequest.responseText); 
     if (callback) callback(data); 
    } 
    } 
}