jQuery gerektiren bir JavaScript kitaplığını paketlemenin en iyi yolu?

Question

jQuery öğesinin $ .ajax() işlevini kullanan çok basit bir JavaScript kitaplığı yazıyorum.

Bu bağımlılığı nasıl yönetmeliyim? Kütüphanem kullanıcıları jQuery'yi kendilerine dahil etmelerini ister mi? Kütüphanede jQuery'yi yüklemek için RequireJS veya script etiket ekleme gibi bir şey kullanmalı mıyım? İkincisi daha iyi olacaksa, kullanıcı zaten jQuery kullanıyorsa çakışma yaratmadan bunu nasıl yapabilirim?

Answer 1

Bence jQuery'den başka bağımlılıklarınız var.

jQuery tek bağımlılığınız ise ve kitaplığınızın kendi modül bağımlılık sistemine gerçekten ihtiyacı yoksa, RequireJS'yi önermem. Sadece kütüphanenizde jQuery varlığını kontrol edin ve aksi halde bir hata atın. Ancak, esnek ve bakımı kolay bir kütüphane yapmak istiyorsanız, bazı yükleyicileri (RequireJS gibi) kullanarak salık veririm. Bu aynı zamanda size birleştirmek ve kütüphanenizi

Answer 2

Kullanıcılara önce jquery eklemelerini öneriyorum. Herhangi bir örnek seçmeme izin verirseniz, bunun gerçekten kullanılan bir yaklaşım olduğunu göreceksiniz (örn. .net framework)

Answer 3

Ben orijinal sonrası önerilen aptal küçük bana olarak JSON veri getirmek için kendi işlevi yazma sona erdi paketi sağlayan bir build system kullanmanın avantaj sağlar. Cevaplayan herkese teşekkürler. Javascript kütüphanesi bağımlılıkları ile ilgili rehberlik, bu diğer rotaya indiğimde bile çok değerliydi.

JSON'u getirmek için kendi işlevimi yazmak için bir kılavuz olarak this Stack Overflow answer'u kullandım. Verileri eşzamanlı olarak getirmem gerekiyordu, bu yüzden işlevi this other article'da özetlenen ipuçlarıyla ayarladım.

Sonunda işlevim şunun gibi görünüyordu. Umarım birileri gelir.

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