學習Web前端要了解的2種流行構建工具！

       隨著前端專案規模和複雜性不斷提升，企業對Web前端人員的要求也不斷增高. 想要更好的完成開發任務，前端人員也應該及時瞭解各類構建思想和相應工具。下面，千鋒武漢 Web前端老師就為大家介紹時下流行的前端構建工具 Gulp 和 Webpack，並總結下兩者的區別。

       Gulp

       Gulp強調的是前端開發的工作流程。我們可以透過配置一系列的task，定義task處理的事務（例如檔案壓縮合並、雪碧圖、啟動server、版本控制等），然後定義執行順序，來讓Gulp執行這些task，從而構建專案的整個前端開發流程。

       說的形象點，“Gulp就像是一個產品的流水線，整個產品從無到有，都要受流水線的控制，在流水線上我們可以對產品進行管理。”

       Webpack

       Webpack是一個前端模組化方案，更側重模組打包。我們可以把開發中的所有資源（圖片、js檔案、css檔案等）都看成模組，透過loader（載入器）和plugins（外掛）對資源進行處理，打包成符合生產環境部署的前端資源。

       Webpack就是需要透過其配置檔案（Webpack.config.js）中 entry 配置的一個入口檔案（JS檔案），然後在解析過程中，發現其他的模組，如scss等檔案，再呼叫配置的loader或者外掛對相關檔案進行解析處理。

       兩者區別

       雖然Gulp 和 Webpack都是前端自動化構建工具，但看2者的定位就知道不是對等的。Gulp嚴格上講，模組化不是他強調的東西，旨在規範前端開發流程。Webpack更明顯的強調模組化開發，而那些檔案壓縮合並、預處理等功能，不過是他附帶的功能。

       以上就是千鋒武漢 Web前端老師介紹的 前端構建工具 Gulp 和 Webpack，以及兩者之間的區別。如今網際網路發展迅速，Web前端人員也應該與時俱進的不斷學習。想了解更多Web前端知識，歡迎關注小千，後期會繼續分享Web前端知識。

       本文來自千鋒教育，轉載請註明出處。