Skip to content

プラグイン

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-legacy

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

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

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

Rollup プラグイン

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

Released under the MIT License. (04f14b0d)