いちばんやさしい webpack 入門

webpack is 何? webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。 複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。 複数の JS モジュールを（場合によっては CSS や画像などのアセット類も）一つにまとめる すでに新規開発の終了も伝えられる webpack ですが、「STATE OF JS 2022」ではいまだに利用率 No.1 の地位にあります。 webpack 後継のモジュールバンドラーとしては、すでに Turbopack の開発開始がアナウンスされています。しかし、これがプロダクションレベルに達するまでは webpack がおそらく使い続けられることになるでしょう。 使うメリットは何？ モジュールを 1 つ（もしくは少数）にまとめることでブラウ

[dot]

esbuildのビルドが早すぎてもうwebpack使う気にならない。

[d6rkaiz]

今からやるなら esbuild の方が良く無いかな？

[xlc]

IEのいなくなった今、Babelは必要ですかね。最新のwebpackでBabelを使わないのであれば設定の「黒魔術」はだいぶ簡単になる。entry と output でほぼ足り、必要ならば optimization を足せばよい。

[nzxx]

webpackでもesbuildは使えるしwebpackじゃないとできないことも多少あるから正しく使い分けるのが大事/大抵はViteで十分な気もするけど

[tettekete37564]

“webpack とは一言で言うと JavaScript 向けのモジュール・バンドラーです。” < それが聞きたかった。バンドラーの事だったのか

[irimo]

試してみたい

[momonga_dash]

webpack、完全に"理解"しました。

[kako-jun]

viteを使って満足してるから、webpackやっぱり必要なの？って思って焦った

[poponponpon]

よっしゃー、また入門しちゃうぞー

[mayumayu_nimolove]

私はgulpから入っててできることほとんど同じと思ってwebpackは完全スルーなんだけどなんか決定的に違うとことかあるのかな。esbuildとかはクソ速いとかあるから分かるんだけど