single-file-bundling - 为 MCP App 配置 Vite 单文件 HTML 打包
使用 vite-plugin-singlefile 配置 Vite，将 UI 资源内联为适用于沙盒 iframe 的单 HTML 文件。
标签
更新于: 2026-09-22能力
典型输入
典型输出
该技能可以做什么
- 使用 vite-plugin-singlefile 配置 Vite
- 内联 JavaScript 与 CSS 资源
- 将图片转换为 Data URI
- 设置两阶段构建流水线
- 配置混合构建流水线
输入
- 前端框架选择
- HTML 入口文件路径
- 构建输出目录路径
- 混合构建标志
输出
- 单文件 HTML 打包产物
- Vite 配置文件
- package.json 构建脚本
要求
- Node.js 运行环境
- Vite 构建工具
- vite-plugin-singlefile 插件
- 框架对应的 Vite 插件