how does webpack import from external url

Question

I am using webpack to manage my react application. Now I want to import a dependency from this url:

Answer 1

In the future you should be able to use dynamic requires via System.import. Webpack 2 will support them natively.

System.import('<url>')
  .then(function() {
    console.log('Loaded!');
  });

If you don't want to wait for it, you could use a script loading library.

Example:

Install:

npm install little-loader --save

Use:

import load from 'little-loader';

load('<url>', function(err){

})

Or do it manually

function load(url) {
  return new Promise(function(resolve, reject) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.async = true;
    script.src = url;
    script.onload = resolve;
    script.onerror = reject;
    document.head.appendChild(script);
  })
}

load('<url>')
  .then(function() {
    console.log('Loaded!');
  })
  .catch(function(err) {
    console.error('Something went wrong!', err);
  })