vite-plugin

Vite プラグイン

@editframe/vite-plugin は、Vite プロジェクトにローカル開発機能を追加します。オンデマンドの動画トランスコード、ローカルアセットの配信、ビジュアルリグレッションテストに対応しているため、クラウド API に依存せずに Editframe のコンポジションを開発できます。

機能

• JIT 動画トランスコード — 動画は初回リクエスト時にストリーミング可能な形式にトランスコードされ、以降の読み込みに備えてキャッシュされます
• ローカルアセットの配信 — 画像とキャプションをキャッシュしながらローカルで配信します
• ビジュアルテスト — 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
    }),
  ],
});