Najlepszy sposób na spakowanie biblioteki JavaScript wymagającej jQuery?

Question

Piszę bardzo podstawową bibliotekę JavaScript, która używa funkcji $ .ajax() jQuery.

Jak zarządzać tą zależnością? Czy powinienem polecać użytkownikom mojej biblioteki, aby sami obejmowali jQuery? Czy powinienem użyć czegoś takiego jak RequireJS lub wstawienie znacznika skryptu, aby załadować jQuery w bibliotece? Gdyby to drugie było lepsze, jak mam to zrobić, nie powodując konfliktu, jeśli użytkownik już korzysta z jQuery?

Answer 1

Myślę, że to zależy od tego, czy masz więcej zależności, niż jQuery.

Jeśli jQuery jest twoją jedyną zależnością, a twoja biblioteka tak naprawdę nie potrzebuje własnego systemu zależności modułów, nie poleciłbym RequireJS. Po prostu sprawdź, czy istnieje jQuery w bibliotece, i wyślij błąd w przeciwnym razie.

Jeśli jednak chcesz stworzyć elastyczną i łatwą do utrzymania bibliotekę, poleciłabym użycie modułu ładującego moduły (np. RequireJS). Daje to również tę zaletę, że przy użyciu build system który pozwala na łączenie i spakować bibliotekę

Answer 2

Zalecam doradzić użytkownikom, aby najpierw uwzględnili jquery. Jeśli pozwolisz mi wybrać dowolny przykład, zobaczysz, że jest to naprawdę używane podejście (np. Framework .net).

Answer 3

skończyło się na pisanie własnych funkcji do pobierania danych JSON jako głupiutką mnie zalecanej w oryginalnym poście. Dziękuję wszystkim, którzy odpowiedzieli. Wskazówki dotyczące zależności bibliotek JavaScript były bardzo cenne, mimo że przeszedłem na tę inną trasę.

Użyłem this Stack Overflow answer jako przewodnika do napisania własnej funkcji pobierania JSON. Musiałem pobierać dane synchronicznie, więc dostosowałem funkcję za pomocą wskazówek przedstawionych w this other article.

W końcu moja funkcja wyglądała tak. Mam nadzieję, że pomoże to komuś innemu, kto przyjdzie.

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); 
    } 
    } 
}