プラグイン
注意
Viteは一般的なWeb開発パターンをすぐに利用できるようにすることを目指しています。Viteまたは互換性のあるRollupプラグインを探す前に、機能ガイドを確認してください。Rollupプロジェクトでプラグインが必要となる多くのケースは、Viteですでにカバーされています。
プラグインの利用方法については、プラグインの使用をご覧ください。
公式プラグイン
@vitejs/plugin-vue
- Vue 3シングルファイルコンポーネントのサポートを提供します。
@vitejs/plugin-vue-jsx
- Vue 3 JSXのサポートを提供します(専用のBabel変換経由)。
@vitejs/plugin-vue2
- Vue 2.7シングルファイルコンポーネントのサポートを提供します。
@vitejs/plugin-vue2-jsx
- Vue 2.7 JSXのサポートを提供します(専用のBabel変換経由)。
@vitejs/plugin-react
- esbuildとBabelを使用し、小さなパッケージサイズで高速なHMRを実現し、Babel変換パイプラインを利用できる柔軟性を提供します。追加のBabelプラグインがない場合、ビルド時にはesbuildのみが使用されます。
@vitejs/plugin-react-swc
- 開発中にBabelをSWCに置き換えます。本番ビルド時には、プラグインを使用している場合はSWC+esbuildが使用され、そうでない場合はesbuildのみが使用されます。非標準のReact拡張機能を必要としない大規模なプロジェクトでは、コールドスタートとHot Module Replacement (HMR) が大幅に高速化される可能性があります。
@vitejs/plugin-legacy
- 本番ビルドでレガシーブラウザのサポートを提供します。
コミュニティプラグイン
awesome-viteを確認してください。ここにあなたのプラグインをリストするためにプルリクエストを送信することもできます。
Rollupプラグイン
ViteプラグインはRollupのプラグインインターフェースの拡張です。Rollupプラグイン互換性セクションで詳細を確認してください。