gulp和webpack的區別

1、gulp是工具鏈、構建工具。可以配合各種外掛做jps.壓縮，css.壓縮，less編譯等，可以替代手工實現自動化工作。

2、而webpack是檔案打包工具，可以把專案的各種jps.文、css.檔案等打包合併成一個或多個檔案，主要用於模組化方案，預編譯模組的方案。

3、在定義和使用類比中兩者都有各的用途，同時webpack為初級編譯程式，gulp為高階編譯程式，在功能上要比webpack應用程式中多。

4、webpack可以很方便使用node_module、es6或者樣式注入等功能，作為最初級的功能定位價效比最高，webpack輸入輸出都以js為主，對html兼顧較少，可用元件不多很難達到可用的程度。

5、gulp在程式設計方面較為複雜，但是可用的元件也會更多，手動編譯的情況下耗時較長，同時此軟體不適合初級入門者使用。

資料拓展：gulp和webpack可以組合起來使用，達到快速編譯的目的，依靠gulp豐富的元件可以很好地讓js和html聯動配置，進而控制webpack應用程式，實現高自動化。