Dynamic Import Assets like JavaScript and CSS.
npm install dynamic-import-assetsDynamic Import Assets like JavaScript and CSS.
- Dynamic load JavaScript and CSS from URL
- Support Promises
- Work with ES modules registry like UNPKG and Pika CDN
Install with npm:
npm install dynamic-import-assets
Provide these APIs
- dynamicImportScript: Load JavaScript Script and resolve with loaded
- dynamicImportCSS: Load CSS Script and resolve with
``ts`
export declare type Loader
export declare function createDynamicImportAssetsLoader
export declare const dynamicImportScript: (url: string) => Promise
export declare const dynamicImportCSS: (url: string) => Promise
For example, you want to load
`js`
(async function main(){
const { dynamicImportCSS } = await import("https://unpkg.com/dynamic-import-assets@^1.0.0?module");
const { createToast } = await import("https://unpkg.com/@evillt/toast@1.1.3?module");
// inject
await dynamicImportCSS("https://unpkg.com/@evillt/toast@1.1.3/dist/toast.min.css", { type: "css" });
// use toast after loaded
createToast("Hello world");
})();
Also support JavaScript as script loading:
`js
(async function main(){
const { dynamicImportJS, dynamicImportCSS } = await import("https://unpkg.com/dynamic-import-assets@^1.0.0?module");
await Promise.all([
// inject
dynamicImportCSS("https://unpkg.com/@evillt/toast@1.1.3/dist/toast.min.css", { type: "css" }),
// inject