runtime-import

Import remote resource(js or css) asynchronously.

Install

npm i runtime-import --save

Usage

importScript

Import a javascript file, if the file is in UMD format, return it's export object.

import { importScript } from 'runtime-import'

try {
  const $ = await importScript('//foobar.com/jquery.js')
} catch (err) {
  console.error(err)
}

importStyle

Import a css file.

import { importStyle } from 'runtime-import'

try {
  await importStyle('//foobar.com/bootstrap.css')
} catch (err) {
  console.error(err)
}

importModule

Import a module, if the last javascript file is in UMD format, return it's export object.

import { importModule } from 'runtime-import'

try {
  const bootstrap = await importModule({
    js: ['//foobar.com/bootstrap.js'],
    css: ['//foobar.com/bootstrap.css']
  })
} catch (err) {
  console.error(err)
}