This package provides a lightweight dynamic resource loader for web browsers.

• Promise-based API ⏳
• Parallel by default, ordered when required ⚡
• Supports all <link> relations (preconnect, preload, stylesheet, etc.) 🔗
• Supports all <script> types (importmap, module, nomodule, etc.) 📃
• Zero dependencies 🗽

• Node.js >= 20.0.0

npm install dopant --save

import dopant from 'dopant';
await dopant(
 '/assets/css/layout.css',
 '/assets/js/main.js',
 ['/assets/js/importmap.json', { type: 'importmap' }],
 ['/assets/js/module.js', { defer: true, type: 'module' }],
 [
 '/assets/webfonts/font.woff2',
 {
 as: 'font',
 rel: 'preload',
 type: 'font/woff2',
 }
 ],
);

• ...resources {string | [string, attrs]} Resources w/wo extra attributes to load into the web page
• Returns: Promise that resolves to a list of resolutions

• CSS files default to rel="stylesheet"
• If rel is provided, a <link> element is created
• Otherwise, a <script> element is created
• Scripts default to async: true (unless overridden or defer: true is set)

For more details, please check tests in the repository.