IT-lexikon › Web › Import maps

Import maps

Web In English → Uppdaterad: 2026-05-30

En webbläsarfunktion (<script type="importmap">) för att mappa "bara namn"-importer (import x from "lodash") till faktiska URL:er. Låter dig använda rena modulnamn i webbläsaren utan en bundler, och styra exakt vilken version/URL varje namn pekar på.

Problem: i webbläsaren måste ES-modulimporter peka på en URL eller en relativ sökväg — import { foo } from "library" (ett "bare specifier" utan sökväg) fungerar inte direkt, det är bundlers (Vite, webpack) som löser sådana namn. Import maps ger webbläsaren samma förmåga: en JSON-karta som säger "library": "https://cdn.../library.js", så att rena namn fungerar nativt. Use case: bygglös utveckling (använd rena imports direkt mot ett CDN), centralt styra versioner, mappa om till lokala kopior, eller pinna exakta URL:er. Vinst: man kan skriva idiomatisk modulkod utan ett byggsteg, och har en enda plats att ändra var beroenden hämtas. Stöds brett sedan ~2023. En del av "mindre byggverktyg behövs"-trenden. Hör ihop med ES-moduler i webbläsaren och dynamic import.

← Tillbaka till lexikonet