フロントエンドカンファレンス沖縄2023
レギュラートーク 30分

Just For Fun でスタートする, viteの役割と内部構造について

iLP_isse issei iLP_isse
1

数ヶ月前からフロントの業務に関わるようになり、そのプロジェクトではviteを使用しています。
ただ、viteが何者で何を行ってくれているのか全く理解できていませんでした。viteを使うといい感じにWebページが見えるようになる... そのような認識です。
ある日、突然的に"いい感じにWebページが見えるようになる"という謎が気になりだし、同時にviteの中身を知るのは楽しそうだなと思うようになりました。
そこで、viteそのものの役割や内部処理の仕組みを解き明かし、このトークでみなさんと共有できれば良いなと思っています。
また、内部処理を追う方法として、今回はデバッガを使用してソースコードを読んでいくため、viteのデバッグ環境の整え方も説明します。

本セッションでは、以下のことをお話しします。

  • viteの概要
  • viteのデバッグ環境の整え方
  • viteの内部処理について