https://github.com/antfu/vite-plugin-inspect

Inspect the intermediate state of Vite plugins
https://github.com/antfu/vite-plugin-inspect

vite vite-plugin

Last synced: about 2 months ago
JSON representation

Inspect the intermediate state of Vite plugins

• Host: GitHub
• URL: https://github.com/antfu/vite-plugin-inspect
• Owner: antfu
• License: mit
• Created: 2021-08-16T04:17:25.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-25T06:47:00.000Z (4 months ago)
• Last Synced: 2024-04-14T17:19:58.333Z (about 2 months ago)
• Topics: vite, vite-plugin
• Language: Vue
• Homepage:
• Size: 1.19 MB
• Stars: 1,104
• Watchers: 5
• Forks: 61
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Lists

• awesome-vite - vite-plugin-inspect - Inspect the intermediate state of Vite plugins. (Plugins / Framework-agnostic Plugins)
• awesome-vite - vite-plugin-inspect - Inspect the intermediate state of Vite plugins. (Plugins / Framework-agnostic Plugins)
• awesome-vite - vite-plugin-inspect - Inspect the intermediate state of Vite plugins. (Plugins / Framework-agnostic Plugins)
• awesome-stars-Sunny-117 - antfu/vite-plugin-inspect - Inspect the intermediate state of Vite plugins (Vue)
• awesome - antfu/vite-plugin-inspect - Inspect the intermediate state of Vite plugins (Vue)
• awesome-viter - vite-plugin-inspect - Inspect the intermediate state of Vite plugins. (Plugins / Framework-agnostic Plugins)
• awesome-stars - vite-plugin-inspect
• awesome-vite - vite-plugin-inspect - Inspect the intermediate state of Vite plugins. (Plugins / Framework-agnostic Plugins)
• awesome-vite - vite-plugin-inspect - Inspect the intermediate state of Vite plugins. (Plugins / Framework-agnostic Plugins)
• awesome-vite - vite-plugin-inspect - Inspect the intermediate state of Vite plugins. (Plugins / Framework-agnostic Plugins)

README

        
# 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 `[email protected]`, 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)