single-file-bundling - Configure Vite for single-file HTML bundling in MCP Apps
Configures Vite with vite-plugin-singlefile to inline all UI assets into a single HTML file for MCP Apps in sandboxed iframes.
Tags
Updated: 2026-09-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Configure Vite with vite-plugin-singlefile
- Inline JavaScript and CSS assets
- Convert images to data URIs
- Setup two-phase build pipeline
- Configure hybrid build pipelines
Inputs
- Framework selection
- HTML entry point path
- Output directory path
- Hybrid build flag
Outputs
- Single-file HTML bundle
- Vite configuration file
- Package.json build scripts
Requirements
- Node.js runtime environment
- Vite build tool
- vite-plugin-singlefile plugin
- Framework-specific Vite plugin