Vite Plugin Hmr Analyzer

---
name: "Vite Plugin Hot Module Analyzer"
slug: "vite-plugin-hmr-analyzer"
description: "Monitors and analyzes Vite HMR (Hot Module Replacement) update chains using the vite.config.ts plugin API and ws WebSocket events. Identifies slow module boundaries, circular dependency hot paths, and generates flamegraph-compatible output for Chrome DevTools Performance panel."
github_stars: 79927
verification: "security_reviewed"
source: "https://github.com/vitejs/vite"
category: "Developer Tools"
framework: "Cursor"
tool_ecosystem:
  github_repo: "vitejs/vite"
  github_stars: 79927
  npm_package: "vite"
  npm_weekly_downloads: 96756115
---

# Vite Plugin Hot Module Analyzer

Monitors and analyzes Vite HMR (Hot Module Replacement) update chains using the vite.config.ts plugin API and ws WebSocket events. Identifies slow module boundaries, circular dependency hot paths, and generates flamegraph-compatible output for Chrome DevTools Performance panel.

## Installation

Requirements and caveats from upstream:
- <a href="https://nodejs.org/en/about/previous-releases"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a>

Basic usage or getting-started notes:
- A dev server that provides [rich feature enhancements](https://vite.dev/guide/features) over [native ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules), for example extremely fast [Hot...

- Source: https://github.com/vitejs/vite
- Extracted from upstream docs: https://raw.githubusercontent.com/vitejs/vite/HEAD/README.md

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/vite-plugin-hmr-analyzer/)