Best Webpack MCP Servers
Webpack is a module bundler for JavaScript applications that transforms front-end assets such as HTML, CSS, and images into a production-ready bundle.
Why this server?
Adds the bridge as a global entry point in Webpack configurations, enabling AI agents to debug Webpack-based applications.
AlicenseAqualityAmaintenanceDebug bridge inside your web app: an agent reads the DOM, console and network. Any browser.164MITWhy this server?
Analyzes Webpack configuration as part of Symfony's frontend asset management.
AlicenseAqualityAmaintenanceEnables AI assistants to perform read-only introspection of Symfony applications, exposing routes, controllers, services, entities, database schema, migrations, logs, and more via MCP tools.105750MITWhy this server?
Detects and provides information about webpack-dev-server instances, including port, PID, memory usage, and allows killing them.
AlicenseAqualityDmaintenanceInspect, manage, and kill local dev servers via MCP. Stop guessing what's on :3000. Five tools: list servers with framework detection, inspect ports, find zombies, diagnose conflicts, safe-kill with dry-run default. Local, no cloud, no telemetry.5203MITWhy this server?
Enables project setup with Webpack bundler configured for Tailwind CSS
AlicenseBqualityDmaintenanceAdvanced Model Context Protocol server that integrates Gemini AI with Tailwind CSS, providing intelligent component generation, class optimization, and cross-platform design assistance across major development environments.1011MITWhy this server?
Generates Webpack configurations optimized for specific browser targets with appropriate polyfills and build settings
AlicenseAqualityDmaintenanceProvides intelligent CSS/JS feature compatibility checking with configurable browser targets, polyfill support, and smart project scanning. Enables developers to automatically detect browser compatibility issues and get actionable remediation steps with build tool configurations.5203MITWhy this server?
Provides capabilities to unpack Webpack and Browserify bundles, allowing individual modules to be analyzed and navigated separately.
AlicenseBqualityDmaintenanceAn LLM-optimized server for reverse-engineering and navigating minified JavaScript bundles by splitting them into searchable, individual modules. It enables LLMs to analyze code architecture, extract specific symbols, and perform semantic searches while efficiently managing context window usage.104415MITWhy this server?
Detects Webpack as a build tool in Node.js projects.
AlicenseBqualityCmaintenanceAn MCP server that standardizes and binds development tool patterns, enabling AI assistants like Claude Code to generate code more efficiently with fewer errors and better autocorrection.71575Apache 2.0Why this server?
Integrates with Webpack (and Rspack) to capture build logs and serve them via MCP tools.
AlicenseAqualityDmaintenanceAn MCP server for tailing Re.Pack/Rspack dev server logs. Enables AI assistants to query build logs, find errors, and monitor compilation status.518MITWhy this server?
Supports upgrading Webpack, including dependency analysis, breaking change detection, and safe migration steps.
AlicenseBqualityDmaintenanceEnables AI agents to safely upgrade JavaScript and TypeScript projects through dependency analysis, upgrade path detection, breaking change identification, codemod application, and PR summary generation.1428MIT