Skip to content

(feat/perf) Allow vite-plugin-vue-devtools to load only on inspection/fine control features #997

@hugoattal

Description

@hugoattal

Here's my usecase: I have a rather big and complex project with a ton of components.

It works flawlessly until I open the DevTools browser extension. From this, it becomes a rather slow, but that's expected. I can debug what's wrong and reload the page when I'm done to go back to a performant state.

The problem is that the Firefox extension is not updated anymore (still in 7.7.7) and I find the Vite plugin really cool. My problem is when I use it, it directly loads in the browser, so my project is in the slow state from the start.

My suggestions:

  • Make the plugin load after a shortcut, or when we click on the little "V", so that by default it's not injected and the app is performant. For now, I have to comment the vueDevTools() line on my vite.config.ts file to disable it, and have to reload with the line commented out when I want to debug.
  • Make it possible to disable some feature. I suspect things like the timeline can make it slow. 99% of the time, I only use the component inspection, so if I could only enable this feature, this could be easier to work with.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions