Make requireJs nie ponownie ładuje jQuery, jeśli już na stronie

Question

Piszę skrypt, który ma być osadzony w witrynach stron trzecich w celu dodania do nich funkcjonalności. Niedawno wyrzuciłem mój dość niechlujny kod niestandardowego programu ładującego i zacząłem zastępować go programem requirejs. Jedną z bibliotek, która opcjonalnie jest ładowana dla mnie (zależy od niektórych parametrów przekazywanych) jest jQuery.

Działa to dobrze, dopóki mój skrypt nie zostanie dołączony do strony, na której jQuery już jest, w którym to przypadku wydaje się, że niektóre wtyczki częściowo się wczytują, requirejs ładuje jQuery przez wersję strony, a wtyczki natychmiast się psują.

Pytanie klientów, aby przepisali swoje strony tylko po to, by użyć tego skryptu, nie wchodzi w grę, więc chciałbym wykryć, czy jQuery jest już załadowany, jeśli tak, to pominąć ładowanie go przez requirejs i po prostu użyć już załadowany jeden (Może to otworzyć mnie na przypadki i błędy o dziwnych krawędziach, gdy używają znacznie starszej wersji jQuery, ale nie mam dużego wyboru).

To, co myślałem, że zrobię, to napisanie nowego modułu, który najpierw sprawdzi, czy jQuery jest załadowany, jeśli jest, po prostu wyeksportuj obiekt jQuery, a jeśli nie, załaduj go, a następnie wyeksportuj. Jednak wydaje mi się, że jestem utrudniony, ponieważ funkcja definicji modułu wydaje się być synchroniczna do pracy, więc nie mogę wyjść i wczytać innego skryptu, który byłby asynchroniczny, a następnie załadować eksport do requirejs.

Czy brakuje mi czegoś w dokumentach? Czy to, co próbuję, uniemożliwia?

Answer 1

Miałem ten sam problem w podobnym projekcie, używając require.js do biblioteki, która ma być załadowana na strony innych firm. Można zobaczyć moje podejście here, ale tutaj jest uproszczona wersja:

// check for existing jQuery 
var jQuery = window.jQuery, 
    // check for old versions of jQuery 
    oldjQuery = jQuery && !!jQuery.fn.jquery.match(/^1\.[0-4](\.|$)/), 
    localJqueryPath = libPath + 'jquery/jquery-1.7.2.min', 
    paths = {}, 
    noConflict; 

// check for jQuery 
if (!jQuery || oldjQuery) { 
    // load if it's not available or doesn't meet min standards 
    paths.jquery = localJqueryPath; 
    noConflict = !!oldjQuery; 
} else { 
    // register the current jQuery 
    define('jquery', [], function() { return jQuery; }); 
} 

// set up require 
require.config({ 
    paths: paths 
}); 

// load stuff 
require(['jquery', ... ], function($, ...) { 

    // deal with jQuery versions if necessary 
    if (noConflict) $.noConflict(true); 

    // etc 

}); 

Jak widać, to wygląda na jQuery, a następnie albo określa moduł „jquery” jako otoczka do istniejącej biblioteki, lub (jeśli nie ma jQuery lub jeśli istniejący jQuery jest starszą wersją) ładuje jQuery specyficzną dla biblioteki za pomocą noConflict.

To działa całkiem dobrze. Jedynym minusem jest dynamiczne wywoływanie w skrypcie require(), co utrudnia efektywne używanie optymalizatora r.js.

Answer 2

miałem podobny problem .. Mój skrypt został przeładunkowy dwukrotnie jQuery .. wykorzystał rozwiązanie z uwagi na this article

pracował jak czar !!

(Komentarz który pracował był:

"I umieścić go na moim pliku konfiguracyjnego po requirejs.config (...), a przed requirej ([" app "]) i to działało")