Use JavaScript Import Maps for Browser Module Aliases

Tue, 01 Sep 2026 00:00:00 +0700

Native ES modules normally require browser-resolvable URLs such as ./math.js or /vendor/lib.js. Import maps add a controlled indirection layer so application code can use stable bare specifiers such as app/config without a bundler rewriting imports.

Define a map before modules load

copied = false, 1600)" class="absolute right-3 top-3 z-10 rounded-lg border border-line-strong bg-surface px-2 py-1 font-mono text-[0.65rem] text-muted opacity-0 transition group-hover:opacity-100 hover:bg-ink hover:text-white dark:border-night-line dark:bg-night dark:text-night-muted dark:hover:bg-white dark:hover:text-ink">

<script type="importmap">
{
  "imports": {
    "app/": "/js/app/",
    "vendor-utils": "/vendor/utils-v3.js"
  }
}
</script>
<script type="module" src="/js/main.js"></script>

Then /js/main.js can use:

ES Modules on Nalar

Use JavaScript Import Maps for Browser Module Aliases

Define a map before modules load