Jak korzystać z Optymalizatora RequireJS w strukturze Play?

Question

Jak reklamowane The rjs w Play można

zapewniają, że wszelkie zasoby JavaScript przywoływane z poziomu WebJar są automatycznie odwoływać od jsdelivr CDN. Ponadto, jeśli zostanie znaleziony dowolny plik .min.js, to zostanie on użyty zamiast .js. Dodatkowy bonus polega na tym, że nie trzeba wprowadzać żadnych zmian w swoim html!

Jednak nie wydaje mi się, aby to zadziałało.

1. Próbowałem uruchomić moją aplikację Play w trybie produkcyjnym, a wszystkie moje javascripts webjar nadal są określane jako lokalne.
2. Nie widzę wersji javascript .min używanej w produkcji.

3. Nie mogę uzyskać wtyczki uzależniającej do pracy w trybie produkcyjnym. Na przykład, kiedy chcemy wprowadzić jquery w moim kodu jak ten

   define ([ 'jquery'], function ($) { 'use strict';. console.log ($ grep); return { Suma: funkcja (a, b) { return a + b; } }; });

mogę uzyskać to działa dobrze w trybie dev, ale w trybie produkcyjnym, rjs failed mówiąc

[info] Error: ENOENT, no such file or directory '/Users/khanguyen/Desktop/rjsdemo/target/web/rjs/build/js/jquery.js' 
[info] In module tree: 
[info]  main 
[info]  app 
[info] 
[info] Error: Error: ENOENT, no such file or directory '/Users/khanguyen/Desktop/rjsdemo/target/web/rjs/build/js/jquery.js' 
[info] In module tree: 
[info]  main 
[info]  app 
[info] 
[info]  at Error (native) 

oczywiście jest ona patrząc w niewłaściwym miejscu dla jQuery, pomimo konfiguracji config generowanego przez Webjar

requirejs.config({"paths":{"jquery":["/webjars/jquery/1.11.1/jquery","jquery"]},"shim":{"jquery":{"exports":"$"}},"packages":[]}) } 

mieć poprawną lokalizację dla jquery.

Używam programu Play 2.4.0 z konfiguracją pipelineStages := Seq(rjs, digest) w moim pliku build.sbt.

Proszę dać mi znać, gdzie źle się spisałem.

Dzięki!

Answer 1

Okazuje się, że obsługa optymalizacji RequireJS nie dotyczy wszystkich Webjarów, ale raczej ogranicza się do Klasycznych Webjarów.

Nawet wtedy plik budujący webjar musi być dołączony do zwykłego modułu, aby rjs mógł działać.

Jeśli spojrzysz na klasyczny webjar jQuery, na przykład zobaczysz, że dołączono specjalną instrukcję budowania webjar. Zapoznaj się z tym plikiem, aby uzyskać informacje.

Gdy już zidentyfikujesz webjar, który jest gotowy na RequireJS, możesz pozwolić sbt-rjs to zrobić.Oto moja konfiguracja referencyjna:

/** javascripts/main.js **/ 
'use strict'; 

requirejs.config({ 
    paths:{ 
     'jquery': ['../lib/jquery/jquery'], 
     'react': ['../lib/react/react'], 
     'bootstrap': ['../lib/bootstrap/js/bootstrap'], 
     'react-bootstrap': ['../lib/react-bootstrap/react-bootstrap'] 
    }, 
    shim: { 
     'bootstrap': { 
      deps: ['jquery'] 
     }, 
     'react-bootstrap': { 
      deps: ['react'] 
     } 
    } 
}); 

Pamiętaj, aby mieć nawiasy kwadratowe, inaczej wymiana CDN nie nastąpi.

W przypadku skryptów, które nie są wymagane, nie należy mieć nawiasów kwadratowych podczas deklarowania paths. W przeciwnym razie rjs nie będzie budował z błędem path fallback not supported. Oczywiście nie dostaniesz zasiłku CDN. Trzeba tylko zauważyć, że optymalizacja css RequireJS też działa. Ale ogranicza się tylko do wstawiania css, tak jak robi to zwykły Requirejs.