【ゔぃーと】
Vite とは？
最終更新:
💡 開発中の変更確認から本番ビルドまで、Web制作を支える
Webアプリの開発サーバーと本番用ビルドを提供するツール。開発中は必要なモジュールを配信し、Vite 8ではRolldownで依存関係の事前処理と本番ビルドを行う。
📌 このページのポイント
ひよこ Viteは何をしてくれるの？
ペンギン先生 Webアプリを作るときの道具だよ。開発中はローカルのサーバーで画面を確認できて、公開するときはJavaScriptやCSSなどを配信用にまとめてくれる。例えば「vite」で開発サーバーを起動し、「vite build」で本番用ファイルを作るんだ。
ひよこ 開発中は全部のファイルをまとめないの？
ペンギン先生 ひよこ 変更したらすぐ画面に出る？
ペンギン先生 ひよこ 本番ではRollupを使うって聞いたけど？
ペンギン先生 ひよこ Vite 8なら、開発中に動けば本番も安心？
もっと詳しく知りたい人へ
RollupとRolldownは同じソフト？
別のバンドラです。RolldownはRustで実装され、RollupのプラグインAPIとの互換性を意識して作られています。ただし既存の設定やすべてのプラグインが無条件で使えるという意味ではありません。Vite 8への移行では、公式の移行ガイドを確認してください。なお、どちらもブロックチェーンのロールアップとは別の概念です。
まとめ：ざっくりこれだけ覚えればOK！
「Vite」って出てきたら「Webアプリを開発し、公開用ファイルを作るためのツール」と思えればだいたいOK！
📖 おまけ：英語の意味
「vite（フランス語）」 ＝ 速い
💬 公式ガイドではフランス語で「速い」を意味し、英語の「veet」のように発音すると説明されているよ