webpack和gulp的區別

標籤：自動   web   cmd   載入   瀏覽器   bpa   tar   pack   pwd   

Gulp應該和Grunt比較，他們的區別我就不說了，說說用處吧。Gulp / Grunt 是一種工具，能夠最佳化前端工作流程。比如自動重新整理頁面、combo、壓縮css、js、編譯less等等。簡單來說，就是使用Gulp/Grunt，然後配置你需要的外掛程式，就可以把以前需要手工做的事情讓它幫你做了。

說到 browserify / webpack ，那還要說到 seajs / requirejs 。這四個都是JS模組化的方案。其中seajs / require 是一種類型，browserify / webpack 是另一種類型。

seajs / require : 是一種線上"編譯" 模組的方案，相當於在頁面上載入一個 CMD/AMD 解譯器。這樣瀏覽器就認識了 define、exports、module 這些東西。也就實現了模組化。

browserify / webpack : 是一個先行編譯模組的方案，相比於上面 ，這個方案更加智能。沒用過browserify，這裡以webpack為例。首先，它是先行編譯的，不需要在瀏覽器中載入解譯器。另外，你在本地直接寫JS，不管是 AMD / CMD / ES6 風格的模組化，它都能認識，並且編譯成瀏覽器認識的JS。
這樣就知道，Gulp是一個工具，而webpack等等是模組化方案。Gulp也可以配置seajs、requirejs甚至webpack的外掛程式。

webpack和gulp的區別