-
Assuming you're using the svelte starter template, global.css is just a regular CSS file. It's linked in your index.html in the build folder and is about what you'd expect. Since svelte scopes styles to your components (unless you use the :global() psuedoclass), that's just there as a general purpose global CSS file. bundle.css is the stylesheet generated by the svelte compiler. It's basically the contents of the CSS in your component's tags, and will be scoped to the component unless using the
:global()selector.- Assuming you're just working with your normal run-of-the-mill SPA app, it's hosted any other way. The svelte starter template linked by the docs just serves the (mostly blank) index.html, then renders your app through that
bundle.jsfile, which is the bulk of your application.- The template used by the tutorial and docs is for an SPA (singe page application). If you want things like server-side rendering (filling up that index.html with the contents of your app before load), routing (multiple pages), stuff like that you need to look to SvelteKit - https://kit.svelte.dev/
- Assuming you're just working with your normal run-of-the-mill SPA app, it's hosted any other way. The svelte starter template linked by the docs just serves the (mostly blank) index.html, then renders your app through that
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Regarding some suggestions on here recommending SvelteKit: Learning SvelteKit might be a big ask depending on what you're trying to do. If you just want to stick with svelte only for now, and you want to add SPA routing capabilities, consider checking out https://routify.dev there's a ton of documentation for it and it's fairly simple to pick up. ✌🏼
