プラグイン

NOTE

Vite は、一般的な Web 開発パターンをすぐに使えるようにサポートすることを目的としています。Vite や互換性のある Rollup プラグインを探す前に、 特徴ガイド を確認してください。 Rollup プロジェクトでプラグインが必要になる多くのケースは、 Vite ですでにカバーされています。

プラグインの使い方についてはプラグインの使用を参照ください。

公式プラグイン

@vitejs/plugin-vue

Vue 3 の単一ファイルコンポーネントのサポートを提供します。

@vitejs/plugin-vue-jsx

Vue 3 の JSX（専用の Babel transform を介して）のサポートを提供します。

@vitejs/plugin-react

esbuild と Babel を使用し、小さなパッケージフットプリントで高速な HMR や、Babel 変換パイプラインを使用できる柔軟性を実現します。Babel プラグインを追加しない場合、ビルド時には esbuild のみが使用されます。

@vitejs/plugin-react-swc

開発中は Babel を SWC に置き換えます。プロダクションビルド時には、プラグインを使用する場合は SWC+esbuild、それ以外は esbuild を使用します。非標準の React 拡張を必要としない大きなプロジェクトでは、コールドスタートやホットモジュールリプレースメント（HMR）が大幅に高速化されます。

@vitejs/plugin-rsc

Vite はこのプラグインを通して React サーバーコンポーネント（RSC）をサポートしています。このプラグインは、React フレームワークが RSC 機能を統合するために使用できる低レベルのプリミティブを提供する Environment API を利用しています。以下を実行してミニマルなスタンドアロン RSC アプリケーションを試すことができます:

npm create vite@latest -- --template rsc

詳しくは プラグインドキュメント をお読みください。

@vitejs/plugin-legacy

本番環境向けにレガシーブラウザーのサポートを提供します。

コミュニティープラグイン

awesome-vite を確認してみてください - あなたのプラグインを掲載するために PR を出すこともできます。

Rollup プラグイン

Vite プラグイン は、Rollup プラグインのインターフェイスを拡張したものです。 Rollup プラグインとの互換性セクション に詳しい情報があります。