亚洲欧美精品一中文字幕,亚洲一区无码中文字幕乱码,相泽亚洲一区中文字幕

說說gulp和webpack的區別

來源：千鋒教育

發布人：gxy

時間： 2023-04-06 14:47:36

　　說說gulp和webpack的區別

　　開放式題目

　　Gulp強調的是前端開發的工作流程。我們可以通過配置一系列的task，定義task處理的事務(例如文件壓縮合并、雪碧圖、啟動server、版本控制等)，然后定義執行順序，來讓Gulp執行這些task，從而構建項目的整個前端開發流程。通俗一點來說，“Gulp就像是一個產品的流水線，整個產品從無到有，都要受流水線的控制，在流水線上我們可以對產品進行管理。”

　　Webpack是一個前端模塊化方案，更側重模塊打包。我們可以把開發中的所有資源(圖片、js文件、css文件等)都看成模塊，通過loader(加載器)和plugins(插件)對資源進行處理，打包成符合生產環境部署的前端資源。 Webpack就是需要通過其配置文件(Webpack.config.js)中 entry 配置的一個入口文件(JS文件)，然后在解析過程中，發現其他的模塊，如scss等文件，再調用配置的loader或者插件對相關文件進行解析處理。

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

聲明：本站稿件版權均屬千鋒教育所有，未經許可不得擅自轉載。