We are going to build a vite-plugin-svelte-inspector, in which you can hover onto any elements and click to jump to the source.
This may seem impossible at first, but, let's break this down, and figure it out together.
We will need to figure a way to find out where the elements are from, then open an endpoint to launch the editor, and then a runtime code to bind the two together, by adding click event listeners to find the element and firing requests to launch the editor.
📚 vite-plugin-vue-inspector github.com/web...
📚 Vite plugin API vitejs.dev/gui...
📚 launch-editor-middleware www.npmjs.com/...
📚 magic-string www.npmjs.com/...
📚 locate-character www.npmjs.com/...
---
🥰 Support me www.buymeacoff...
🔗 Want to learn more from me? Check out these links:
Twitter: / lihautan
Blog: lihautan.com/
Newsletter: lihautan.com/n...
Discord: / discord
VS Code Theme: Dracula at night marketplace.vi...
ZSH Theme: bullet-train github.com/cai...
#sveltekit #svelte #sveltekitbeginner #sveltekittutorial
Thanks for watching 🥰 -- with love, Li Hau
Негізгі бет Building vite-plugin-svelte-inspector
Пікірлер: 22