Back to rankings

antfu-collective/vite-plugin-inspect

TypeScript

Inspect the intermediate state of Vite plugins

vitevite-plugin
Star Growth
Stars
1.7k
Forks
105
Weekly Growth
Issues
10
5001k1.5k
Aug 2021Mar 2023Nov 2024Jul 2026
Artifactsnpmnpm install vite-plugin-inspect
README

vite-plugin-inspect

NPM version

Inspect the intermediate state of Vite plugins. Useful for debugging and authoring plugins.

Screenshot 2024-11-27 at 19 01 26

Install

[!NOTE]

v12.x requires Vite v8.0.0 or above with @vitejs/devtools v0.4.0 or above.

For the previous versions, check the v11 branch.

pnpm add -D vite-plugin-inspect @vitejs/devtools

Add plugin to your vite.config.ts:

// vite.config.ts
import Inspect from 'vite-plugin-inspect'

export default {
  devtools: true,
  plugins: [
    Inspect()
  ],
}

Then run npm run dev and open the DevTools to inspect the modules.

Build Mode

To inspect transformation in build mode, you can set the devtools.build.withApp option to true:

// vite.config.ts
import Inspect from 'vite-plugin-inspect'

export default {
  devtools: {
    build: {
      withApp: true,
    }
  },
  plugins: [
    Inspect({
      build: true
    })
  ],
}

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

Sponsors

License

MIT License © 2021-PRESENT Anthony Fu

Related repositories
shadcn-ui/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

TypeScriptnpmMIT Licensecomponentsnextjs
ui.shadcn.com
119.5k9.5k
storybookjs/storybook

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

TypeScriptnpmMIT Licensestorybookstyleguide
storybook.js.org
90.6k10.2k
vitejs/vite

Next generation frontend tooling. It's fast!

TypeScriptnpmMIT Licensevitehmr
vite.dev
82k8.5k
makeplane/plane

🔥🔥🔥 Open-source Jira, Linear, Monday, and ClickUp alternative. Plane is a modern project management platform to manage tasks, sprints, docs, and triage.

TypeScriptnpmGNU Affero General Public License v3.0djangodocker
plane.so
54.8k5.1k
slidevjs/slidev

Presentation Slides for Developers

TypeScriptnpmMIT Licenseslidespresentation
sli.dev
47.8k2.1k
vbenjs/vue-vben-admin

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!

VueMIT Licensevue3vite
vben.pro
33k8.9k
supermemoryai/supermemory

Memory and context engine + app that is extremely fast, scalable, and can be run fully locally. The Memory API for the AI era.

TypeScriptnpmMIT Licensecloudflare-pagescloudflare-workers
supermemory.ai/docs
28.5k2.5k
kriasoft/react-starter-kit

Modern React starter kit with Bun, TypeScript, Tailwind CSS, tRPC, Stripe, and Cloudflare Workers. Production-ready monorepo for building fast web apps.

TypeScriptnpmMIT Licensereactboilerplate
reactstarter.com
23.6k4.2k
pure-admin/vue-pure-admin

全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统(兼容移动端)

VueMIT Licenseelement-plusvite
pure-admin.github.io/vue-pure-admin
20.4k3.8k
CapSoftware/Cap

Open source Loom alternative. Beautiful, shareable screen recordings.

TypeScriptnpmOtherappcap
cap.so
20.3k1.7k
zxwk1998/vue-admin-better

🎉 vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vab admin pro,vab admin plus,vue admin plus,vue admin pro

VueMIT Licensevuevue-admin
vuejs-core.cn/shop-vite/
18.9k3.9k
alibaba/ice

🚀 ice.js: The Progressive App Framework Based On React(基于 React 的渐进式应用框架)

TypeScriptnpmMIT Licensereactreact-router
ice.work
18.6k2.1k