Closed4

[Frontend] Webpack / Bundle Analizer

あざらしあざらし

webpack

複数ファイルを1つにまとめて出力できるツールのこと
⇒「1つにまとめる」というプロセスをバンドルといったりする

1つのファイルにまとめることでリクエストの数を減らすことができる
⇒システム性能があがる

なので例えば Vite × React でビルドしたときに1つのJSにまとめられていたのはこの子のおかげってこと


https://qiita.com/minato-naka/items/0db285f4a3ba5adb6498

あざらしあざらし

つまり Bundle Analizer とは

バンドル(1つのファイルにまとめる)を分析すること!(直訳)

webpack-bundle-analyzer というのもある
⇒webpack によってバンドルされたファイルに含まれるパッケージの容量を可視化してくれるツール

これで使っていないパッケージなどを消し消しすればファイルのサイズも小さくできる

https://qiita.com/wataru86/items/7d0804a5651b1777691b#:~:text=webpack-bundle-analyzer は webpack,使うことができます。

このスクラップは2023/09/13にクローズされました