Vite について
Vite はネイティブ ES モジュールと最適化されたプロダクションビルドにより、極めて高速な開発体験を実現するモダンなフロントエンドビルドツールです。複数のフレームワークとプリプロセッサをサポートし、インスタントなホットモジュールリプレースメントを提供します。
主な機能
- 01ネイティブ ES モジュールを使用した超高速なコールドスタートとホットモジュール置換
- 02Vue、React、Svelte などのフレームワークにすぐに対応したセットアップ
- 03Rollup を使用したコード分割とミニファイを含む最適化されたプロダクションビルド
- 04コンポーザブルなコマンドラインインターフェイスと拡張可能なプラグインエコシステム
活用シーン
- 01開発フィードバック遅延を最小限にしながらフロントエンドプロジェクトを迅速に構築・反復
- 02モダンな Web アプリケーション向けの高性能プロダクションビルドを実現
- 03ビルドワークフロー内のフロントエンドリソース管理と依存関係処理を自動化
インストール
OS またはパッケージマネージャーを選び、コマンドをターミナルで実行します。
$
インストール後にvite --versionを実行して確認します。
コマンド例
よく使うコマンドを使う順に並べています。
01
02
03
詳細
Vite ⚡
次世代のフロントエンドツール
- 💡 サーバーを瞬時に起動
- ⚡️ 超高速な HMR
- 🛠️ 豊富な機能
- 📦 最適化されたビルド
- 🔩 汎用プラグインインターフェース
- 🔑 完全に型付けされた API
Vite（フランス語で「速い」を意味し、/viːt/ と発音します。「ヴィート」のような発音です）は、最新の Web プロジェクトで、より高速かつスリムな開発体験を提供することを目指すビルドツールです。主に次の 2 つの要素で構成されています。
-
ネイティブ ES モジュールを基盤とする豊富な機能強化を提供する開発サーバーです。たとえば、非常に高速なホットモジュール置換（HMR）などがあります。
-
Rolldownでコードをバンドルし、本番環境向けに高度に最適化された静的アセットを出力するよう、あらかじめ設定されたビルドコマンドです。
さらに、Vite はプラグイン APIとJavaScript APIを通じて高い拡張性を備えており、完全な型サポートも提供します。
パッケージ
| パッケージ | バージョン（クリックすると変更履歴を表示） |
|---|---|
| vite |  |
| @vitejs/plugin-legacy |  |
| create-vite |  |
貢献
貢献ガイドをご覧ください。
ライセンス
MIT。
スポンサー
コメント
Markdown 対応