-
|
I just started using Svelte template with TS. It is awesome, and I love it. <head>
<title>My App</title>
<!-- JQuery (In General) -->
<script src="./src/assets/libs/jquery.js"></script>
<!-- Fomantic-UI -->
<link href="./src/assets/libs/fomantic-ui/fomantic-ui.css" rel="stylesheet">
<script src="./src/assets/libs/fomantic-ui/fomantic-ui.js"></script>
</head>... in Svelte on the other hands, it would fail (404 file not found or jQuery is not defined...) when I build the application (not at dev tho). |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 5 replies
-
|
Please search for the keyword "svelte:head", that might be what you are looking for. |
Beta Was this translation helpful? Give feedback.
-
|
This only tie to 1 component right? How do I make it globally so any |
Beta Was this translation helpful? Give feedback.
-
|
Normally you just import your 3rd party libraries using npm and include them. For standalone JS files, I would download them to a lib directory then just import them as local files. 3rd party lib example: https://splidejs.com/integration/svelte-splide/?ref=madewithsvelte.com |
Beta Was this translation helpful? Give feedback.
-
|
Non of the methods you provided are working, since the JS library I am using depends on jQuery lib. It works in |
Beta Was this translation helpful? Give feedback.
-
<svelte:head>
<script src="./assets/libs/jquery.js"></script>
<script src="./assets/libs/fomantic-ui/fomantic-ui.js"></script>
</svelte:head>I got this error: [vite-plugin-svelte] Error while preprocessing C:/.../frontend/src/app.svelte - C:/.../frontend/src/app.svelte:9:92: Unknown word |
Beta Was this translation helpful? Give feedback.
-
|
@leaanthony
|
Beta Was this translation helpful? Give feedback.
-
|
I finally I solved this issue by using
import {defineConfig} from 'vite';
import {svelte} from '@sveltejs/vite-plugin-svelte';
import inject from '@rollup/plugin-inject';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
inject({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery"
}),
svelte()],
})For everyone who still want to use UMD libs in a modern framework!!!! |
Beta Was this translation helpful? Give feedback.
I finally I solved this issue by using
import inject from '@rollup/plugin-inject';For everyone who still want to use UMD libs in a modern framework!!!!