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 progressundefined

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.