Import Maps and JavaScript Module Loading

Shopify has addressed critical adoption issues with JavaScript import maps and module loading. Previously, modules could not load before the import map, and only one import map was allowed per document, causing conflicts and fragility. Shopify collaborated on a web platform-level solution that introduces a reconciliation mechanism. This allows for multiple import maps, modules to load before import maps, and resolves conflicts by merging new maps into a global representation while respecting aliasing. This post details the successful integration of Subresource Integrity (SRI) metadata into import maps, enabling integrity verification for imported JavaScript modules in Chromium and WebKit browsers, thus allowing the use of dynamic imports without shimming.