@lexiang/runtime-import v0.1.3

runtime-import

Import remote resource(js or css) asynchronously. base on runtime-import

Install

yarn add @lexiang/runtime-import

Usage

importScript

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

import { importScript } from '@lexiang/runtime-import'

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

importStyle

Import a css file.

import { importStyle } from '@lexiang/runtime-import'

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

importComponent

Import a component. In umd mode, if the last javascript file is in UMD format, return it's export object.

Options:

• js: List of js files.
• css: List of css files.
• crossOrigin: value of attribute crossorigin of script tags created internally.
• umd: Whether UMD mode is enabled.

Note:

• The default value of the field crossOrigin of importComponent's options is true. It sets the attribute crossorigin of <script> elements created by importComponent to "anonymous". If you don't want the attribute "crossorigin" to be setted, please make sure that the field crossOrigin of importComponent's options setted to "".

import { importComponent } from '@lexiang/runtime-import'

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

importModule

importComponent use to be called importModule, legacy projects could use importModule as usual.