Getting Started

WARNING

Vite DevTools is still in development and not yet ready for production use. And currently Vite DevTools is designed only for Vite-Rolldown's build mode. Dev mode and normal Vite are not supported yet.

If you want to give an early preview, you can try it out by building this project from source, or install the preview build with the following steps:

Switch your Vite to Rolldown Vite:

package.json

{
  "dependencies": {
    "vite": "^7.0.0"
    "vite": "npm:rolldown-vite@latest"
  }
}

Install the DevTools plugin:

pnpm add -D @vitejs/devtools

Enable the DevTools plugin in your Vite config and turn on the debug mode for Rolldown:

vite.config.ts

import {  } from '@vitejs/devtools'
import {  } from 'vite'

export default ({
  : [
    (),
  ],
  : {
    : {
      : {}, // enable debug mode
    },
  }
})

Run your Vite build, to generate the Rolldown build metadata:

pnpm build

Open the DevTools panel in your browser to play with the DevTools:

pnpm dev