プラグイン

注意

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

プラグインの使用方法については、プラグインの使用を確認してください。

公式プラグイン

@vitejs/plugin-vue

• Vue 3 Single File Componentsのサポートを提供します。

@vitejs/plugin-vue-jsx

• （専用のBabelトランスフォームを介して）Vue 3 JSXのサポートを提供します。

@vitejs/plugin-vue2

• Vue 2.7 Single File Componentsのサポートを提供します。

@vitejs/plugin-vue2-jsx

• （専用のBabelトランスフォームを介して）Vue 2.7 JSXのサポートを提供します。

@vitejs/plugin-react

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

@vitejs/plugin-react-swc

• 開発中にBabelをSWCに置き換えます。本番ビルド中には、プラグインを使用している場合はSWC+esbuildが使用され、それ以外の場合はesbuildのみが使用されます。非標準のReact拡張機能を必要としない大規模なプロジェクトでは、コールドスタートとHot Module Replacement（HMR）が大幅に高速になる可能性があります。

@vitejs/plugin-legacy

• 本番ビルドでレガシーブラウザーのサポートを提供します。

コミュニティプラグイン

awesome-viteを確認してください。ここにプラグインをリストするためのPRを送信することもできます。

Rollupプラグイン

Viteプラグインは、Rollupのプラグインインターフェースの拡張です。詳細については、Rollupプラグインの互換性セクションを確認してください。