webjars - How to use RequireJS optimizer in Play framework? -

-

as advertised, rjs in play can

ensure javascript resources referenced within webjar automatically referenced jsdelivr cdn. in addition if .min.js file found used in place of .js. added bonus here there no change required html!

however, cannot seem of work.

  1. i tried running play app in production mode, , webjar javascripts still being referenced local.
  2. i not see .min version of javascript files being used in production.

  3. i cannot dependency injection work in production mode. example, when want inject jquery in code this

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

i can work fine in dev mode, in production mode, rjs failed saying

[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]     @ error (native)

obviously looking @ wrong location jquery, despite config setup generated webjar

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

to have correct location jquery.

i using play 2.4.0, pipelinestages := seq(rjs, digest) setup in build.sbt.

please let me know got wrong.

thanks!

it turns out requirejs optimization support not apply webjars, rather limited classic webjars. enter image description here

even then, webjar build file has included regular module in order rjs work. enter image description here

if @ jquery classic webjar, example, see special webjar build instruction included. take @ file information. enter image description here

once have identify webjar requirejs ready, can let sbt-rjs thing. here setup reference:

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

remember have square brackets, otherwise cdn replacement not happen.

for non-requirejs ready scripts, should not have square brackets when declaring paths. otherwise, rjs refuse build error path fallback not supported. of course, won't cdn benefit. side note, requirejs css optimization works, too. limited inlining css, regular requirejs does.


Comments

Post a Comment

Popular posts from this blog

python - TypeError: start must be a integer -

-
i trying draw 5 turtles, getting typeerror on line 25. here code: import turtle wn = turtle.screen() redrose = turtle.turtle() color = input("what background color be?") fillcolor_f = input("what color of rose be?") redrose.hideturtle() redrose.speed(30) redrose.penup() redrose.left(180) redrose.forward(175) redrose.right(90) redrose.forward(30) redrose.right(90) redrose.pendown() def drawrose(red): redrose.color("pink") redrose.fillcolor(fillcolor_f) redrose.fill(true) in range(red): redrose.forward(i) redrose.right(49) in range(5): drawrose(redrose) redrose.penup() redrose.forward(350) redrose.right(144) redrose.pendown() redrose.fill(false) drawrose(50) wn.bgcolor(color) i trying draw 5 roses, produces errors. doing in interactivepython.org. you recursively calling drawrose wrong parameter. on line 23 ( for in range(red): ) expect red integer...
Read more

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

-
i have following code almost works properly; private void cbstatus_drawitem(object sender, listboxdrawitemeventargs e) { string item = e.item string; if (item != null) { switch (item) { case "1": e.appearance.forecolor = color.green; e.appearance.backcolor = color.green; break; case "2": e.appearance.forecolor = color.orange; e.appearance.backcolor = color.orange; break; case "3": e.appearance.forecolor = color.red; e.appearance.backcolor = color.red; break; } } } when dropdown shown, items forecolor correct, backcolor remains whatever backcolor of theme is; i.e. if i've got set dark theme, backcolor dark, cells in gridview, rather being green/orange/red. i've tried setting e.appearance.options.usebackcolor trying set e....
Read more

django - Creating multiple model instances in DRF3 -

-
1) create multiple model instances 1 api call, asked here: how create multiple model instances django rest framework? tried solution named in link, no success. i trying upload multiple files in 1 api call. result: files uploaded (only once overwrote perform_create) 1 instance created (if send 2 files, latter created instance). my code: class fileuploadserializer(serializers.modelserializer): def __init__(self, *args, **kwargs): many = kwargs.pop('many', true) super(fileuploadserializer, self).__init__(many=many, *args, **kwargs) class meta: model = fileupload read_only_fields = ('created', 'datafile', 'owner') class fileuploadviewset(viewsets.modelviewset): queryset = fileupload.objects.all() serializer_class = fileuploadserializer parser_classes = (multipartparser, formparser, ) def perform_create(self, serializer): file_list = self.request.data.getlist('file') ...
Read more