A naukri.com initiative
Medium
4w
213
Image Credit: Medium
Import Maps and Built In Modules in JavaScript Runtimes
- Import maps provide instructions to JavaScript runtimes on how to load modules, offering a more direct and explicit approach compared to Node's resolution process.
- By defining mappings in an import map inside HTML, browsers can understand and rewrite bare specifiers to valid URLs before initiating fetch requests.
- Import maps allow mapping multiple names and support scoped overrides to manage module versions in different parts of the codebase.
- They do not mix well with dynamic import() unless all specifiers are covered by the map, and caching may require query params for file changes.
- Built-in modules in JavaScript runtimes like Node and Deno eliminate the need for bundlers and loaders, with Deno using stable URLs for imports and managing caching internally.
- Node's built-in modules like fs, path, and http are part of the core runtime, while Deno offers a minimal runtime with modules loaded from stable URLs.
- Deno's strict module loading behavior requires explicit imports for both local files and remote resources, improving predictability across projects.
- Deno caches modules based on their full URLs, ensuring that even small changes trigger separate cache entries and enabling easy updates by changing the URL.
- Importing modules in Deno directly points to the source, eliminating the need for dependency managers or node_modules folders and providing a self-contained project.
- Projects in Deno are explicit, direct, and organized without hidden dependency graphs, offering bundling and compilation features for packaging projects without additional dependencies.
Read Full Article
12 Likes
For uninterrupted reading, download the app