You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
1 week ago | |
|---|---|---|
| .. | ||
| dist | 3 weeks ago | |
| LICENSE | 3 weeks ago | |
| README.md | 3 weeks ago | |
| package.json | 3 weeks ago | |
README.md
vite-plugin-inspect
Inspect the intermediate state of Vite plugins. Useful for debugging and authoring plugins.
Install
npm i -D vite-plugin-inspect
[!NOTE]
v10.x requires Vite v6.0.1 or above.
For Vite v2 to v5, use v0.8.x of
vite-plugin-inspect. If you want to use it with both Vite 6 and below, you can still use v0.8.x, it's forwards compatible.
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
License
MIT License © 2021-PRESENT Anthony Fu