gulpとwebpackの位置づけについて

Question

gulpとwebpackの関係性について、簡単に教えて頂けないでしょうか。
あまりフロントには詳しくなくて。
申し訳ございません。

javascriptの圧縮（minify）ついて、調べていたらこれらの単語が出てきました。
一応、webpackを使用すれば圧縮できることは分かりました。

webpack 4 入門
https://qiita.com/soarflat/items/28bf799f7e0335b68186

gulpやwebpackでは、どの様なことが出来るのでしょうか（何をするためのもの？）？
別にこれから勉強しようと言う訳では無く、何が出来るのか知識として知っておきたいなと思った次第です。
ざっくり概要程度で大丈夫です。
Vue.jsやReactとは、また別の用途に使用されるのかなとは思いましたが。

宜しくお願い致します。

Answer 1

gulpは、他のツールを呼び出して管理するタスクランナーツールで、それ自体が何かをするツールではありません。「全部Webpackから呼び出して片付く」など、1つのツールを使えばそれで済むというような状況では、特に出番はありません。

一方で、Webpackは、ツール自体の機能性として「importやrequireなどで結ばれたJavaScriptを、ブラウザで使える形として出力する」というベースがあります。プラグインとして圧縮・文法変換などJavaScript関連の各種変換や、CSSを同じ枠組みに乗せてしまうなど、多様なものが存在します。

Comments

[uer03108]

ご回答ありがとうございましたm(_ _)m
下記サイトに分かりやすい解説がありました。
https://qiita.com/kamykn/items/45fb4690ace32216ca25

主に、サーバサイドで使用するためのものと言うことですね！