webpackやviteなどのバンドラーの仕組みを理解したいのですが、どこから手をつけていけばいいのでしょうか？ | Mond - 知の交流コミュニティ

webpackやviteなどのバンドラーの仕組みを理解したいのですが、どこから手をつけていけばいいのでしょうか？ yosuke_furukawa:いくつかのステップに分かれると思うので、ステップを分けるところから理解を深めるといいんじゃないかなと思います。 * 参照先を見つける エントリーとなる最初のファイル（おそらく、bundlerのオプションで指定しているはず）から見ていき、参照先のファイルを見つけていきます。参照元から参照先のファイルを見つけて何が何に依存しているのか、というファイル間の結びつきを見つけます。木構造のようなグラフを作るようなイメージですね。 * 参照先を解決し、ファイルをまとめる 一個のファイルにするだけであれば、全ての参照先のファイルがわかっていれば、結合するファイルの全体が分かっているので、それをまとめるだけでいいです。まとめ方はものに寄りますが、webpackの

[shingo-sasaki-0529]

ほんとこの辺、細部に着目しない限りは魔法だからとっかかり掴みづらいよなぁ。