11

I have a widget depending on some external JS files, and I'd like to lazy load all these external resources. I've already used code splitting to lazy load the GWT code that concerns the widget, but the JS files defined in the gwt.xml, using the script tag, are loaded anyway, which is not desirable.

Is there a standard GWT way of loading these external resources on demand? I can do it myself using raw JS, but I'd rather not spend time on this too.

1

2 Answers 2

18

I think you'll want to take a look at the com.google.gwt.core.client.ScriptInjector class. From the javadocs:

Dynamically create a script tag and attach it to the DOM.

...

Usage with script loaded as URL:

   ScriptInjector.fromUrl("http://example.com/foo.js").setCallback(
     new Callback<Void, Exception>() {
        public void onFailure(Exception reason) {
          Window.alert("Script load failed.");
        }
        public void onSuccess(Void result) {
          Window.alert("Script load success.");
        }
     }).inject();

This code can of course be invoked from within your split points, or indeed anywhere in your code.

Sign up to request clarification or add additional context in comments.

2 Comments

Brilliant! Thanks Colin. Although, now I'll have to migrate from 2.3 to 2.4 :) I'll see how it goes.
2.3 to 2.4 shouldn't be a big deal, but if it is, you can look at how ScriptInjector.fromUrl works with the ScriptElement, and you can build it into your app without upgrading.
1

ScriptInjector is quite portable. It doesn't have any external dependencies, so you should be able to backport it into your 2.3 application without much problem.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.