# vite-plugin-inspect [![NPM version](https://img.shields.io/npm/v/vite-plugin-inspect?color=a1b858&label=)](https://www.npmjs.com/package/vite-plugin-inspect) Inspect the intermediate state of Vite plugins. Useful for debugging and authoring plugins. ![](https://s9.gifyu.com/images/Kapture-2021-09-11-at-07.33.36.gif) ## Install ```bash 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`: ```ts // vite.config.ts import Inspect from 'vite-plugin-inspect' export default { plugins: [ Inspect() ], } ``` Then run `npm run dev` and visit [localhost:5173/__inspect/](http://localhost:5173/__inspect/) to inspect the modules. ## Build Mode To inspect transformation in build mode, you can pass the `build: true` option: ```ts // 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) License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)