Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

Vite プラグイン

最終更新 Markdown で表示Agent セットアップ

Cloudflare Vite プラグインは、ViteWorkers ランタイム をフル機能で統合します。 Worker のコードは workerd の中で動き、本番の挙動にできるだけ近づけます。開発とデプロイの信頼性を高めます。

機能

  • Vite の Environment API を使い、Vite を Workers ランタイムと統合します
  • Workers ランタイム APIバインディング へ直接アクセスできます
  • フロントエンドアセットを Cloudflare 向けにビルドし、静的サイト、SPA、フルスタックアプリケーションを構築できます
  • サーバーサイドレンダリング付きの TanStack StartReact Router v8 を公式サポートします
  • Vite のホットモジュールリプレースメントを活用し、一貫して高速な更新を実現します
  • vite preview をサポートし、デプロイ前に Workers ランタイムでビルド出力をプレビューできます

ユースケース

  • TanStack Start
  • React Router v8
  • 静的サイト(シングルページアプリケーションなど)。バックエンド API の有無は問いません
  • スタンドアロンの Workers
  • 複数 Worker のアプリケーション

始める

すぐに使えるテンプレートから新しいアプリケーションを作成する場合は、TanStack StartReact RouterReactVue のフレームワークガイドを参照してください。

ゼロからスタンドアロンの Worker を作成する場合は、始める を参照してください。

既存の Vite プロジェクトの適応と主要な概念の紹介については、チュートリアル を参照してください。

役に立ちましたか?