diff --git a/.esbuild/esbuild.cjs b/.esbuild/esbuild.cjs
index e38951bdb..393dadcf3 100644
--- a/.esbuild/esbuild.cjs
+++ b/.esbuild/esbuild.cjs
@@ -13,8 +13,8 @@ build(iifeBuild({ minify: false, watch })).catch(handler);
 build(esmBuild({ minify: false, watch })).catch(handler);
 
 // mermaid.min.js
-build(esmBuild()).catch(handler);
-// mermaid.esm.min.mjs
 build(iifeBuild()).catch(handler);
+// mermaid.esm.min.mjs
+build(esmBuild()).catch(handler);
 // mermaid.core.mjs (node_modules unbundled)
 build(esmCoreBuild()).catch(handler);
diff --git a/.esbuild/util.cjs b/.esbuild/util.cjs
index d9b783747..ce03b908f 100644
--- a/.esbuild/util.cjs
+++ b/.esbuild/util.cjs
@@ -83,6 +83,9 @@ exports.iifeBuild = (override = { minify: true }) => {
   return buildOptions({
     entryPoints: getEntryPoints(override.minify ? '.min' : ''),
     format: 'iife',
+    footer: {
+      js: 'mermaid = mermaid.default;',
+    },
     ...override,
   });
 };
diff --git a/demos/er.html b/demos/er.html
index 5bccb212e..1e5d4062d 100644
--- a/demos/er.html
+++ b/demos/er.html
@@ -23,8 +23,8 @@ ORDER ||--|{ LINE-ITEM : contains
 CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
     </pre>
 
-    <script src="./mermaid.esm.mjs" type="module"></script>
-    <script>
+    <script type="module">
+      import mermaid from './mermaid.esm.mjs';
       mermaid.initialize({
         theme: 'forest',
         // themeCSS: '.node rect { fill: red; }',