Preline.js doesn't work in production - SvelteKit

[digitaldrreamer]

Whenever I build SvelteKit, preline.js in the node_modules file is not bundled with it.

I found a workaround for this: copy the preline.js from the node_modules file into the /static folder and link to it in the index.html with %sveltekit.assets%/preline.js. It works this way.

But this should be in the docs.

[digitaldrreamer]

Perhaps before the "Add the Preline UI JavaScript" section in the docs, there should be a section to copy the preline.js file via cli (since they'll be using the terminal for the setup anyway)

Something like this:

Run this command in your terminal. Make sure you're in the root directory of your svelte project first. You can navigate by using cd /yourProjectDirectory. This command copies the script file to your svelte static folder.

On Windows:

mkdir ./static/preline
copy ./node_modules/preline/dist/preline.js ./static/preline

On Linux and Mac:

mkdir ./static/preline
cp ./node_modules/preline/dist/preline.js ./static/preline/

Add the Preline UI JavaScript
Include the JavaScript <script> that powers the interactive elements near the end of your tag:

// app.html
<script src="%sveltekit.assets%/preline/preline.js"></script>

This works for me🙂

[kevan-mtl]

Works for me, but shouldn't step 4 be based on your step 3?
<script src="%sveltekit.assets%/preline/preline.js"></script>

[digitaldrreamer]

Works for me, but shouldn't step 4 be based on your step 3?
<script src="%sveltekit.assets%/preline/preline.js"></script>

@kevan-mtl Thanks. I saw the mistake. Fixed it.

[Mr-Zafar]

@kevan-mtl marking it as closed for now. If you have more details to share in the future, feel free to open a new issue.