Il modo migliore per impacchettare una libreria JavaScript che richiede jQuery?

Question

Sto scrivendo una libreria JavaScript molto semplice che usa la funzione $ .ajax() di jQuery.

Come devo gestire questa dipendenza? Dovrei chiedere agli utenti della mia biblioteca di includere jQuery da soli? Dovrei usare qualcosa come RequireJS o l'inserimento di tag script per caricare jQuery all'interno della libreria? Se quest'ultimo fosse migliore, come faccio a farlo senza causare un conflitto se l'utente sta già usando jQuery?

Answer 1

Penso che dipenda in qualche modo se hai più dipendenze, oltre a jQuery.

Se jQuery è la tua unica dipendenza e la tua libreria non ha realmente bisogno del proprio sistema di dipendenza del modulo, non vorrei raccomandare RequireJS. Controlla l'esistenza di jQuery nella tua libreria e genera un errore altrimenti.

Se si sta cercando di creare una libreria flessibile e manutenibile, si consiglia di utilizzare un caricatore di moduli (come RequireJS). Questo ti dà anche il vantaggio di utilizzare un build system che consente di combinare e imballare la libreria

Answer 2

Si consiglia di consigliare agli utenti di includere prima jquery. Se mi lasci scegliere un esempio, vedrai che questo è un approccio molto utilizzato (ad esempio .net framework)

Answer 3

ho finito per scrivere la mia propria funzione per recuperare i dati JSON come po 'sciocco mi consigliato nel post originale. grazie a tutti quelli che hanno risposto. Le indicazioni sulle dipendenze delle librerie JavaScript sono state molto preziose, anche se ho seguito questa altra strada.

Ho utilizzato this Stack Overflow answer come guida per scrivere la mia funzione per recuperare JSON. Avevo bisogno di recuperare i dati in modo sincrono, quindi ho regolato la funzione con i suggerimenti delineati in this other article.

Alla fine, la mia funzione sembrava così. Spero che aiuti qualcun altro che arriva.

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