Export function from Svelte component

Question

Component.svelte:

<script>
export function test(){
    return "test";
}
</script>

App.svelte:

<script>
    import { test } from "./Component.svelte" // error;
     
    let testValue = $state(test())
</script>

<h1>{testValue}</h1>

Is there a way to export a function from the component? But without actually mounting the component

Or is there some way to replicate vuejs portal, but without mounting the full component?

Jardulino · Accepted Answer · 2025-03-06 14:39:57Z

3

You can export function from component in the script context="module". Then you can import function without mounting component.

<script context="module">
   export function test(){
     return "test";
   }
</script>

edited Mar 6 at 14:39

answered Mar 6 at 12:21

Jardulino

4885 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

fyi.. in latest svelte i get a deprecation warning. Looks like they replaced this with module attribute. Still works tho!