gulp と webpack それぞれにしかできないことはありますか?

Question

私は最近 javascript を勉強し始めたものです。
現在, gulp, webpack の違いについてよくわからない。という問題を持っています.

gulp は タスクランナー で 色々なツールを実行する手順を何度も実行できるようにしたもの
webpack は よくわかっていませんが, gulp と同じようなことをできるもの

という認識です。

最近は webpack が流行っているようですが, gulp との違いがわかりません。
gulp にできて, webpack にできないことがわかれば理解が深まりそうな気がしたので質問させていただきました.

よろしくお願いします!

Answer 1

Webpackは、「JavaScriptやCSSなどのリソースをまとめて出力するための専用のツールです。

Gulpはあくまで「タスクを実行する」だけなので、

• 「JavaScriptをまとめる」ような標準的な動作でも、それ用のツールが必要になる
• 逆に、うまくタスクの形にはめ込めれば、なんでもできる

という、発想の違いがあります。

Comments

[wake_up_kemeko]

webpack はデフォルトで提供されている機能でリソースの関係(画像ファイルのパスを埋め込んだり)を解決して出力したり，サーバーを立てたりできる.

gulp はただのタスクを実行するものでしかないので, ライブラリが提供されていないことは実行できない. もしやりたければ, ライブラリ化するか node.js でゴリゴリするしかない.

と言った感じでしょうか?