vite-plugin-svelte
svelte-devtools
vite-plugin-svelte | svelte-devtools | |
---|---|---|
9 | 8 | |
797 | 1,336 | |
1.3% | 3.7% | |
8.9 | 8.5 | |
about 11 hours ago | 7 days ago | |
JavaScript | Svelte | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vite-plugin-svelte
-
How does the Svelte compiler works with the Typescript compiler?
Actually in more recent SvelteKit projects they use the Vite-preprocessor to handle Typescript
-
Any way to quickly determine components used on a page
You can use the inspector option with vite-plug-in-svelte. Look at inspector in the docs here and you’ll see. You can click on a component and it opens where it is in your editor. https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/config.md
-
Never Search For Svelte Components Again
Please report the issue to https://github.com/sveltejs/vite-plugin-svelte if you found a problem.
-
Criticizing Svelte - Low Hanging Fruit
Looks like you can change this in the vite-plugin-svelte options: extensions: ['.svelte'],
- I made such a script that makes links from Console Browser DevTools, open in VSCode. This uses the mechanism in Vite. It works great, you can test it. It works for sure with SvelteKit from Vite in Firefox and Chromum browsers.
-
File inspector plugin to open Svelte-files directly from your browser is coming!
Note that this is still experimental. There's a bug when using it with npm, but the author aware of it.
-
Switch existing project from rollup to vite - what's to do?
This question gives good insight on "why vite" but the fourth question on the migration stays quite unanswered. The vite-plugin-svelte is mentioned but I'm still not sure which steps there are to take exactly. Could someone give instructions on how to migrate a project from rollup to vite?
-
How to transpile svelte in js?
In Vite: https://github.com/sveltejs/vite-plugin-svelte Webpack: https://github.com/sveltejs/svelte-loader
svelte-devtools
-
Is "Svelte Devtools" Chrome extension working?
My Svelte Devtools is working. I believe I manually installed this version with a patch: fix.
- Any way to quickly determine components used on a page
-
Are there any devtools in React that Svelte users with they had access to?
Recently, as the extension was abandoned, it was taken over by the core svelte team, but there have been no improvements yet. svelte-devtools
-
Fix: Svelte Devtools on Chrome/Brave
git clone https://github.com/sveltejs/svelte-devtools.git
-
Having issues getting Svelte Devtools working.
Per the docs, make sure you're running at least Svelte 3.12.0 and you're running the app in dev mode.
- [Feature Request] Svelte Devtools Official browser extension
-
How can you profile components in Svelte like React can?
There's the Svelte Devtools browser addon that's a bit less robust compared to React's devtools, but it does allow some basic profiling on actions / events with basic information like start/end times of the events, op type, total duration, etc along with the usual component props/state stuff. Not exactly as usable as the react devtools (missing a solid chunk of useful things like 'why did this update' among other tools) but you can see what renders what, how long it takes something to mount, etc.
-
Svelte Reactive Debugger
Looks awesome. Maybe you could join forces with https://github.com/RedHatter/svelte-devtools? It would be awesome to have everything in one place.
What are some alternatives?
sveltekit-svg - SvelteKit plugin that makes it possible to import SVG files as Svelte components, inline SVG code or urls
svelte-reduxify - Connect your svelte store to redux devtools with minimal code change
vite-plugin-mpa - MPA(multi page application) for vite.
locatorjs
vite-plugin-inline-css-modules - Write CSS modules without leaving your javascript!
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
svelte-loader - Webpack loader for svelte components.
vite-plugin-md - Markdown with Vue for Vite
vite-plugin-svelte-console-remover - Vite Svelte plugin to remove console logs in prod.
vue-cli-plugin-vite - Use vite today, with vue-cli.
svelte-preprocess - A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.