Loading Modules Everywhere!
summary
A universal dynamic loader claims to run AMD CommonJS and ES modules in the browser and Node, exposes loader hooks (resolve, fetch, translate, instantiate) for plugins, and handles assets by emitting data URIs for bundles or real URLs at runtime. The demo uses SystemJS with jspm to build a TypeScript tile game (sprites, MP3 coin sounds, Web Audio convolution), produces a ~1MB single JS bundle that runs in JSBin, and shows image/audio loader plugins and npm CDN imports working end to end.
AI-written summary · about
chapters (13)
- 0:00Intro
- 0:43What are modules
- 3:55Real modules
- 7:10Module formats
- 11:36What is tree shaking
- 16:23ES Module Loader
- 18:27Browser Support
- 23:54Loader Plugins
- 26:48Other Plugins
- 28:19Demo
- 29:59Universal Graphics Loader
- 36:12Demonstration
- 40:52Questions
related talks
19mModule Frontiers
35mBrowser Package Management
28mNode.js Loader Hooks for Fun and Profit
34mNode.js: Path to ES6 modules
32mPlease Wait... Loading: A Talk of Two Loaders
30mESM Loaders: Enhancing Module Loading in Node.js
22mESM Loaders: Enhancing Module Loading in Node.js
22mPlease wait... loading: a tale of two loaders