Skip to content

May 9th, 2024

Vite Meetup SF

プラグイン

NOTE

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

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

公式プラグイン

@vitejs/plugin-vue

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

@vitejs/plugin-vue-jsx

@vitejs/plugin-vue2

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

@vitejs/plugin-vue2-jsx

@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. (1d9157cf)