Fix dynamic import of howler.js

--- For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/Rajaniraiyn/svelte-sound?shareId=XXXX-XXXX-XXXX-XXXX).
Rajaniraiyn · Nov 1, 2024 · 1724ee2 · 1724ee2
1 parent a95ebc9
commit 1724ee2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/sound.ts b/src/sound.ts
@@ -60,7 +60,7 @@ export class Sound {
    * Creates the Howl instance for the sound.
    */
   private async create() {
-    const { Howl } = await import("howler/src/howler.core");
+    const { Howl } = await import("howler");
     const { loop, volume } = this.options;
     const sound: THowl = new Howl({
       src: this.src,

diff --git a/vite.config.ts b/vite.config.ts
@@ -9,6 +9,14 @@ export default defineConfig({
       entry: "src/sound.ts",
       formats: ["es", "cjs"],
     },
+    rollupOptions: {
+      external: ["howler"],
+      output: {
+        globals: {
+          howler: "Howler",
+        },
+      },
+    },
   },
   plugins: [dts()],
 });