Vite - ohbarye

Vite

正確にはビルド以外のこともやってくれる

v1はVueのためのツールだったがv2からは依存関係はなくなり、VueでもReactでもVanilla JSでもなんでもよくなった

esbuildを使ったNative ESM based buildによって超高速な開発体験を手に入れることができる

ただし2022-03時点ではプロダクションビルドにはRollupを使い、バンドルされたアセットを生成する

configなしでも良い感じに動く

特にテンプレートからプロジェクトを生成した場合

configのAPIなどもすべて静的型付けがなされている

なぜ作られたか

Webpack、Rollup、Parcelなどのバンドルベースのアプローチでは開発時のビルドは線形に遅くなっていく

Zero config、out of the boxをうたう、似たツールとしてはParcelがあったがこの点で大きく違う

採用例

フロントエンドフレームワークのHydrogenで使っている

参考