gulp和webpack之間的區別

標籤：bpa   開始   需要   strong   相關   自動化   功能   sof   div   

webpack 是一個打包工具

webpack 是用來把你的源檔案打包成一個檔案的，你做了一系列配置以後，可以用一句 webpack 實現打包的功能。

webpack的作用是從若干個檔案開始順藤摸瓜，根據檔案之間的參考關聯性找到所有相關檔案，把他們打包到若干打包檔案裡。

 

gulp 是一個自動化工具。
gulp 是用來實現自動化的，你寫了一堆任務之後，可以用一句 gulp 執行你所需要的所有任務。

用於尋找不同任務之間的依賴關係，找到正確的執行順序，基本上什麼任務都可以做，包括webpack任務。比如：將less檔案轉成css檔案

需要注意的是，gulp 本身，不載入任何包的話，什麼事情都做不了。

• 如果你在 gulp 裡只載入了 webpack，那麼此時 gulp 的作用 === webpack 的作用；
• 如果你 gulp 裡沒有載入 webpack，雖然還可以由一些其它工具實現打包，但打包的方式不同於 webpack，所以此時 gulp ∩ webpack = ?；
• 而如果你的 gulp 載入了 webpack 和別的包，那麼此時 webpack ∈gulp。

總結：gulp 可以擁有完整的 webpack，也可以實現相似的替代的方案，反之則不行。

gulp和webpack之間的區別