プラグイン
NOTE
Vite は、一般的な Web 開発パターンをすぐに使えるようにサポートすることを目的としています。Vite や互換性のある Rollup プラグインを探す前に、 特徴ガイド を確認してください。 Rollup プロジェクトでプラグインが必要になる多くのケースは、 Vite ですでにカバーされています。
プラグインの使い方についてはプラグインの使用を参照ください。
公式プラグイン
@vitejs/plugin-vue
- Vue 3 の単一ファイルコンポーネントのサポートを提供します。
@vitejs/plugin-vue-jsx
- Vue 3 の JSX(専用の Babel transform を介して)のサポートを提供します。
@vitejs/plugin-vue2
- Vue 2.7 の単一ファイルコンポーネントのサポートを提供します。
@vitejs/plugin-vue2-jsx
- Vue 2.7 の 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-legacy
- 本番環境向けにレガシーブラウザーのサポートを提供します。
コミュニティープラグイン
awesome-vite を確認してみてください - あなたのプラグインを掲載するために PR を出すこともできます。
Rollup プラグイン
Vite プラグイン は、Rollup プラグインのインターフェイスを拡張したものです。 Rollup プラグインとの互換性セクション に詳しい情報があります。