Viteって何?
Viteは、次世代のフロントエンド開発ビルドツールのこと。元は々Vue.jsの作者であるEvan Youが作成したツールですが、現在はVue.js以外のフレームワークでも広く使われており、Reactでも定番になってきている模様。
Viteの特徴
高速な開発サーバー
Viteは、ESM(ECMAScript Modules)に基づいており、従来のバンドラとは異なり、開発時に必要なファイルだけをブラウザにロードします。そのため、特に大規模なプロジェクトでも非常に高速な起動とホットリロードが可能です。
高速ビルド
開発時だけでなく、Viteは本番環境向けのビルドも最適化されており、Rollupを内部的に使って高速かつ効率的なビルドを行います。
豊富なプラグイン
Viteは非常に柔軟なプラグインシステムを持っており、Rollupのプラグインも利用可能です。これにより、カスタマイズが容易で、さまざまな機能を追加できます。
多くのフレームワークをサポート
前述したとお理、Vue、ReactをはじめPreact、Svelteなど、さまざまなフレームワークに対応しており、テンプレートを用いて簡単にプロジェクトを開始できます。
まとめ
つまり、従来のツールと比べて起動速度が圧倒的に速い、ホットリロード(HMR)が非常に高速で、開発体験がスムーズ。、Webpackのように多くの設定が不要で、すぐに使い始めることができる。
というところで優れているとされているそうです。
Viteの導入方法
導入方法は簡単。ターミナルを開いて
npm create vite
で実行するだけ!その後フレームワークや言語を選択する画面に切り替わるので、お好みで選ぶだけで簡単に導入することができます。