Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

vitejs/devtools

Open more actions menu

Repository files navigation

Vite DevTools

Vite DevTools

Vite DevTools is a set of tools for visualizing the internal state and build analysis for Vite and Rolldown (currently only work with rolldown-vite).

Important

This project is still in development. Not yet usable. You may preview it by building this project from source.

🏗️ Project Progress

State: 🚧 Work in progress

We are currently focusing on getting the basic data visualization working for Vite-Rolldown's build mode. Dev mode will be delayed for later until Vite get the full-bundler dev mode.

You can check the TODO list (excluding hold-off) if you are interested in helping out.

📦 Packages

  • packages/core: @vitejs/devtools the entry point of the project. It provides the core functionality of Vite DevTools, including the CLI.
  • packages/kit: @vitejs/devtools-kit the utility library for integration authors to extend Vite DevTools. Which include types and utilities for the project.
  • packages/vite: @vitejs/devtools-vite the built-in UI panel for Vite/Rolldown, it's presented as a Vite plugin which is enabled by default.
  • packages/rpc: @vitejs/devtools-rpc the rpc layer of the project.

💡 Contributing Guide

We're really excited that you're interested in contributing to Vite DevTools! Before submitting your contribution, please take a moment to read through the following guidelines:

  • For the devtools-webext package, we plan to use it for dev mode in the future, so no contributions are needed at this time.
  • For any new feature additions, we recommend submitting an issue for discussion and confirmation first.

🧑‍💻 Development Guide

Currently Vite DevTools only supports build time inspection, to develop this project, you first need to build itself to get the Rolldown meta for testing.

  • pnpm install to install dependencies
  • pnpm build first to get the Rolldown logs under ./packages/vite/.rolldown folder
  • pnpm dev to start the dev server

As the data interface between Rolldown is not yet stable, and breaking changes are expected. We locked the Rolldown version in our pnpm-workspace.yaml, which means the published version may not work with the latest Rolldown.

When pulling the latest commits, it's recommended to remove the ./packages/vite/.rolldown folder and run pnpm build again to get the latest data format.

📄 Licenses

This project is licensed under the MIT License.

About

DevTools for Vite (Rolldown). Working in Progress

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Sponsor this project

  •  
Morty Proxy This is a proxified and sanitized view of the page, visit original site.