Awesome
vite-plugin-inspect
Inspect the intermediate state of Vite plugins. Useful for debugging and authoring plugins.
<img width="1304" src="https://user-images.githubusercontent.com/46585162/134683677-487e3e03-fa6b-49ad-bde0-520ebb641a96.png">Install
npm i -D vite-plugin-inspect
Since
vite-plugin-inspect@v0.7.0
, Vite v3.1 or above is required.
Add plugin to your vite.config.ts
:
// vite.config.ts
import Inspect from 'vite-plugin-inspect'
export default {
plugins: [
Inspect()
],
}
Then run npm run dev
and visit localhost:5173/__inspect/ to inspect the modules.
Build Mode
To inspect transformation in build mode, you can pass the build: true
option:
// vite.config.ts
import Inspect from 'vite-plugin-inspect'
export default {
plugins: [
Inspect({
build: true,
outputDir: '.vite-inspect'
})
],
}
After running vite build
, the inspector client will be generated under .vite-inspect
, where you can use npx serve .vite-inspect
to check the result.
Sponsors
<p align="center"> <a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg"> <img src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'/> </a> </p>License
MIT License © 2021-PRESENT Anthony Fu