webpack和gulp之間的差別

@兩種前端建構工具gulp和webpack的作用和差別

gulp（建構工具、自動化，提高效率）

gulp可以看作是一個工具鍊，建構工具，他其實強調的是前端開發流程，gulp可以定義一系列的task任務（比如SCSS編譯，檔案壓縮合并，啟動server等），然後定義這些task的順序，來讓gulp按照順序執行，以此來建構前端開發流程

• 舉例：其實可以把gulp當作一個流水線，一個産品從剛開始到完成，都可以對其進行操作。

webpack（打包工具，子產品化識别）

webpack是一個子產品化打包方案，更加注重的是子產品化打包，在webpack中，可以将所有的一切資源全部當作是子產品（CSS、JS、圖檔等等一切皆為子產品），然後通過loader（加載器）和plugins（插件）去将這些資源打包成符合生産環境的前端資源

談談兩者的差別

1. 從定義來看，gulp注重的是過程，強調的是前端開發流程，而webpack強調的是子產品化打包，二者在定位上存在一定的差別，前者注重開發流程，後者側重子產品打包
2. 從實際操作來看，gulp是配置一系列的task任務，然後定義順序去執行，而webpack具有高度靈活的配置選擇，有比較高的自定義性。