About rollup-plugin-mcp
unplugin-mcp, published as rollup-plugin-mcp for Rollup, is a build tool plugin that creates and manages an MCP server so AI clients can inspect the codebase and build process, and even act on the build. It builds on unplugin to support several JavaScript bundlers. The project is marked as a work in progress and not yet ready for production.
Key features
- 01Works across bundlers supported by unplugin
- 02Built-in tools for modules, build config, errors and bundle size
- 03Custom tools via the UnpluginMcpTool interface
- 04Server keeps running in watch mode after builds
- 05HTTP and SSE transport for MCP clients
Use cases
- 01Letting an AI assistant analyze module dependencies in a Rollup project
- 02Debugging build errors with build configuration context
- 03Connecting Cursor to a local build server
MCP support
The plugin creates a singleton MCP server during the build, registers built-in or custom tools, and serves build context to MCP clients over HTTP and SSE endpoints.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
http://localhost:14514/mcp/sseclaude mcp add --transport http rollup-plugin http://localhost:14514/mcp/sse{"mcpServers":{"rollup-plugin":{"type":"http","url":"http://localhost:14514/mcp/sse"}}}Open in Cursor{"servers":{"rollup-plugin":{"type":"http","url":"http://localhost:14514/mcp/sse"}}}Open in VS Code{"mcpServers":{"rollup-plugin":{"type":"http","url":"http://localhost:14514/mcp/sse"}}}{"mcpServers":{"rollup-plugin":{"serverUrl":"http://localhost:14514/mcp/sse"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
Details
From the project READMEunplugin-mcp
Important
This is a work in progress. Not ready for production use yet. If you are interested in and want to help, feel free to open an issue or PR.
A unified MCP (Model Context Protocol) plugin that creates and manages an MCP Server and provides MCP tools by which AI can know more about your codebase, build tools, and even control the build process. It works with multiple JavaScript build tools supported by unplugin, including Rollup, Vite, Webpack, and others.
Here is the vision of this plugin, to provide a unified MCP Server and MCP tools to MCP Client.
flowchart LR
subgraph "Build tools"
Rollup["Rollup"]
Vite["Vite"]
ESBuild["ESBuild"]
Webpack["Webpack"]
Rspack["Rspack"]
Rolldown["Rolldown"]
end
subgraph "unplugin-mcp (This plugin)"
unplugin["unplugin"]
McpTool["UnpluginMcpTool"]
McpServer["MCP Server"]
HTTPServer["HTTP Server"]
end
subgraph "MCP Clients"
Cursor["Cursor"]
VSCode["VSCode"]
More["More"]
end
Rollup & Webpack & Vite & ESBuild & Rspack & Rolldown --> unplugin
unplugin --> McpTool
McpTool --> McpServer
McpServer --> HTTPServer
HTTPServer --> Cursor & VSCode & More
Features
- 🚀 Cross-Platform MCP Integration: Creates and manages an MCP server seamlessly across multiple build tools.
- 🧩 Bi-directional AI Integration: Not only provides context to AI assistants about your codebase, but also enables AI to actively modify and control your build process.
- 🧰 Rich built-in tools: Collection of built-in tools for analyzing module dependencies, inspecting build configuration, debugging error messages, and so on.
- 🛠️ Extensible Tool Framework: Create custom MCP tools with the simple
UnpluginMcpToolinterface to expose project-specific information or functionality. - 🔍 Build Process Integration: Seamlessly integrates at any point in the plugin chain and hooks of your build tools like Rollup.
- 🔄 Persistent Server: Keeps running even after build completion in watch mode, enabling continuous AI interaction.
- 🌐 Standard Transport Layer: Uses HTTP and Server-Sent Events (SSE) for broad compatibility with AI assistants implementing the MCP protocol.
Installation
# Install the plugin
pnpm add -D unplugin-mcp
# or install bundler-specific one, it shares the same codebase but only exports the plugin for the specific bundler
pnpm add -D rollup-plugin-mcp
Usage
Build Tool Integration
Here is an example of how to use the plugin with Rollup. The server will be started automatically when you run rollup in watch mode (rollup -w).
// rollup.config.js
import { defineConfig } from 'rollup';
import { rollupPlugin as mcp } from 'unplugin-mcp';
// import some built-in tools
import { ModuleTool, BuildConfigTool, BuildErrorTool } from 'unplugin-mcp/tools';
export default defineConfig({
plugins: [
// other plugins...
mcp({
provideUnpluginMcpTools: () => [
new ModuleTool(),
new BuildConfigTool(),
new BuildErrorTool()
]
}),
// other plugins...
]
});
🚧 Usage on other bundlers is on the way.
Usage in Cursor
Just add a MCP Server to Cursor Settings. For example, in ~/.config/cursor/mcp.json:
{
"mcpServers": {
"rollup": {
"url": "http://localhost:14514/mcp/sse"
}
}
}
Options
Check McpPluginOptions in types file for all available options.
Built-in Tools Compatibility
Notes: Currently, implementation of built-in tools is relatively simple and may not cover all edge cases.
| Tool | Description | Rollup | Webpack |
|---|---|---|---|
ModuleTool | Analyze module dependencies and imports | ✅ | ❌ |
BuildConfigTool | Inspect build configuration | ✅ | ✅ |
BuildErrorTool | Debug build errors | ✅ | ✅ |
BundleSizeTool | Inspect size of bundle and its modules | ✅ | ❌ |
- ✅ = Supported
- ❌ = Not yet implemented
Custom Tools
You can extend the plugin with custom tools implementing the UnpluginMcpTool interface:
import { InputOptions } from "rollup";
import { UnpluginMcpTool, UnpluginMcpToolSetupOptions } from "unplugin-mcp";
import DeferredCtor, { Deferred } from 'promise-deferred';
import { UnpluginOptions } from "unplugin";
export class BuildConfigTool implements UnpluginMcpTool {
private buildConfig: Deferred<InputOptions>;
affectsBuildProcess: boolean = false;
constructor() {
this.buildConfig = new DeferredCtor<InputOptions>();
}
setupMcpServer(mcpServer: any, options?: any) {
mcpServer.tool(
`get-build-config`,
"Get build configuration",
{},
async () => {
const cfg = await this.buildConfig.promise;
return {
content: [
{
type: 'text',
text: `Build configuration: ${JSON.stringify(cfg)}`
}
]
};
}
);
return mcpServer;
}
registerPlugins(options?: UnpluginMcpToolSetupOptions): UnpluginOptions {
let self = this;
return {
name: 'build-config-tool',
rollup: {
options(config) {
self.buildConfig.resolve(config);
}
}
}
}
}
And then register it in the plugin options, for example, in the Rollup config:
// rollup.config.js
// ...
plugins: [
mcp({
provideUnpluginMcpTools: () => [
new BuildConfigTool()
]
})
]
// ...
Examples
Check out the examples directory for working examples, including:
- simple-hello: A basic example demonstrating MCP integration with Rollup
How it works
It initializes and setup these components:
- Creates and setup a singleton MCP server instance.
- Registers some
UnpluginMcpToolinstances to the MCP server. - Creates an HTTP server and sets up HTTP routes for the MCP server.
- Starts the HTTP server, listening on the specified port and host.
- Registers the hooks created by
UnpluginMcpToolinstances to build tools.
After these steps, the plugin can:
- Handle incoming requests from MCP client and responding to them.
- React to hooks triggered by the build tool during the build process.
- Provide build contextual information to the MCP client.
License
MIT License. Copyright (c) 2025 situ2001.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.