vitejs/vite

これは何？

主な機能

• 01ネイティブESモジュールを基盤とする高速な開発サーバー
• 02素早く更新できるHot Module Replacement
• 03最適化された静的アセットを生成する本番ビルド
• 04完全な型定義を備えたPlugin APIとJavaScript API
• 05create-viteによるプロジェクトの雛形作成と、plugin-legacyによる古いブラウザーのサポート

ユースケース

• ローカルでの開発サイクルを高速化しながら、新しいフロントエンドプロジェクトを始める
• Webアプリ向けの静的アセットをビルドしてバンドルする
• カスタムプラグインでビルドパイプラインを拡張する

クイックスタート

1. 1

   create-vite で新しいプロジェクトのひな形を作成する

   npm create vite@latest
2. 2

   詳しくはドキュメントをご覧ください

トピック

よくある質問

vite とは？

ネイティブESモジュールを使った高速な開発サーバーと即時のHMR、本番向けバンドラーを備えたフロントエンドビルドツール。 Viteは、モダンなWebプロジェクト向けのビルドツールで、より高速かつ軽快な開発体験を目指しています。主な機能は2つあります。ネイティブESモジュールでコードを配信し、Hot Module Replacement（HMR）などの機能を備えた開発サーバーと、本番向けにコードをバンドルして最適化された静的出力を生成するビルドコマンドです。

vite は無料で使えますか？ライセンスは？

vite は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

vite は今もメンテナンスされていますか？

活発にメンテナンス中。vite の最終コミットは 2026年10月21日 です。

vite は何に使えますか？

ローカルでの開発サイクルを高速化しながら、新しいフロントエンドプロジェクトを始める Webアプリ向けの静的アセットをビルドしてバンドルする カスタムプラグインでビルドパイプラインを拡張する

vite のインストール方法は？

create-vite で新しいプロジェクトのひな形を作成する: npm create vite@latest 詳しくはドキュメントをご覧ください

vite はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/vitejs/vite