Async Script Loader
This utility function allows us to use a standardized method of loading remote scripts and injecting them into the <head> of our document to bring external functionality into the app.
Usage
import { loadScript, loadjQueryDependentScript } from '@automattic/load-script';
loadScript( REMOTE_SCRIPT_URL, function( error ) {
if ( error ) {
debug( 'Script ' + error.src + ' failed to load.' );
return;
}
debug( 'Script loaded!' );
} );
// if we need jQuery, this function will load it (if it's not loaded already)
loadjQueryDependentScript( REMOTE_SCRIPT_URL, function( error ) {
if ( error ) {
debug( 'Script ' + error.src + ' failed to load.' );
return;
}
debug( 'Script and jQuery are loaded!' );
} );Error handling
The callback should expect a single argument, which will be null on success or an object on failure. The object contains the src property, which will contain the src url of the script that failed to load.