Как использовать оптимизатор RequireJS в платформе Play?

Question

Как рекламируются, то rjs в Play может

гарантировать, что любые ресурсы JavaScript, указанные в пределах WebJar автоматически отсчитываются от jsdelivr CDN. Кроме того, если будет найден файл .min.js, который будет использоваться вместо .js. Добавленный бонус здесь заключается в том, что никаких изменений не требуется для вашего html!

Однако, похоже, я ничего не могу сработать.

1. Я попытался запустить свое приложение Play в режиме производства, и все мои javascripts webjar по-прежнему ссылаются на локальные.
2. Я не вижу версию javascript-файлов .min, используемых в производстве.

3. Я не могу получить инъекцию зависимости для работы в режиме производства. Например, когда я хочу, чтобы ввести jquery в моем коде, как этот

   определяют ([ 'JQuery'], функция ($) { 'использовать строгий';. console.log ($ Grep); возвращение { сумма: функция (a, b) { возвращение a + b; } }; });

я могу получить эту работу хорошо в режиме разработчика, но и в режиме производства, rjs потерпел неудачу говоря

[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) 

Очевидно, что, глядя на неправильное место для JQuery, несмотря на настройки конфигурации сгенерированного по Webjar

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

иметь правильное расположение для jquery.

Я использую Play 2.4.0, с настройкой pipelineStages := Seq(rjs, digest) в моем build.sbt.

Пожалуйста, дайте мне знать, где я ошибся.

Спасибо!

Answer 1

Оказалось, что поддержка оптимизации RequireJS не применяется ко всем Webjars, а ограничена классическими Webjars.

Даже тогда файл сборки webjar должен быть включен с регулярным модулем для работы rjs.

Если вы посмотрите, например, на классический webjar jQuery, вы увидите, что включена специальная инструкция по сборке webjar. Взгляните на этот файл для вашей информации.

Как только вы определили webjar, который является обязательным, вы можете позволить sbt-rjs сделать это.Вот моя установка для справки:

/** 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'] 
     } 
    } 
}); 

Помните, что у вас есть квадратные скобки, иначе замена CDN не произойдет.

Для сценариев, которые не требуются, вы не должны иметь квадратных скобок при объявлении paths. В противном случае rjs откажется строить с ошибкой path fallback not supported. Конечно, вы не получите преимущества CDN. Просто сторона примечания, также требует оптимизации CSS. Но ограничивается только встраиванием css, как это делает регулярный Requirejs.