【ばんどらー】
バンドラー とは？
最終更新:
💡 コードのつながりをたどって、配布用にまとめる
入口となるファイルから依存関係をたどり、必要なコードをまとめて配布用のファイルを作るツール。出力は1ファイルとは限らず、複数の入口やコード分割に応じて複数になる。
📌 このページのポイント
ひよこ バンドラーは、何をまとめるの？
ひよこ 出力は必ず1つのJavaScriptファイル？
ペンギン先生 複数になることもあるよ。入口が複数あったり、共通部分や後から使う機能を別ファイルに分けたりする。CSSなどの扱いも設定によるので、全部が1つのJavaScriptに入るとは限らないんだ。
ひよこ ファイルを減らすと、必ず速くなる？
ペンギン先生 通信の回数を減らせる場合はあるけれど、大きすぎるファイルを最初に読むと待ち時間が増えることもあるよ。コード分割で必要なときに読み込む方法もあり、サイズや実際の読み込みを確認するんだ。
ペンギン先生 ひよこ 使われないコードも全部消してくれる？
まとめ：ざっくりこれだけ覚えればOK！
「バンドラー」って出てきたら「コードの依存関係をたどって配布用にまとめるツール」と思えばだいたいOK！
📖 おまけ：英語の意味
「Bundler」 ＝ 束にまとめるもの
💬 Bundleは束という意味だよ。開発中のコードを依存関係に沿ってまとめるので、この名前。すべてを必ず1ファイルに詰めるという意味ではないんだ。