mcpField
V
vite-plugin

vite-plugin

github.com/editframe开发1972 次安装2 周前更新
代码仓库

关于 vite-plugin

@editframe/vite-plugin 为构建 Editframe compositions 的 Vite 项目提供本地开发功能，包括按需视频转码和视觉回归测试，无需依赖云 API。

主要功能

  1. 01按需视频转码
  2. 02本地提供图片和字幕
  3. 03使用 Vitest 进行视觉回归比对
  4. 04转码资源缓存与清理

适用场景

  1. 01在本地开发 Editframe compositions
  2. 02使用 Vitest 检查视觉变更

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/editframe/skills --skill vite-plugin

安装后在 Claude Code 中输入/vite-plugin确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
file-api.md
getting-started.md
jit-transcoding.md
local-assets.md
visual-testing.md

详细介绍

Vite 插件

@editframe/vite-plugin 为你的 Vite 项目添加本地开发功能。它负责按需转码视频、本地提供资源，以及进行视觉回归测试，让你无需依赖云端 API 即可开发 Editframe 合成内容。

功能

  • 即时视频转码 — 首次请求时将视频转码为可流式传输的格式，并缓存以供后续加载
  • 本地资源服务 — 在本地提供图像和字幕，并进行缓存
  • 视觉测试 — 提供用于使用 Vitest 进行视觉回归测试的图像比较工具
  • 缓存管理 — 自动缓存转码后的资源，并支持清除缓存

安装

npm install @editframe/vite-plugin

配置

// vite.config.ts
import { defineConfig } from "vite";
import { vitePluginEditframe } from "@editframe/vite-plugin";

export default defineConfig({
  plugins: [
    vitePluginEditframe({
      root: "./src",       // Base directory for resolving file paths
      cacheRoot: "./cache", // Directory for cached transcoded assets
    }),
  ],
});

评论

支持 Markdown