千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術(shù)干貨  > gulp與webpack的區(qū)別?

gulp與webpack的區(qū)別?

來源:千鋒教育
發(fā)布人:xqq
時間: 2023-10-11 17:41:10 1697017270

一、gulp與webpack的區(qū)別

gulp

gulp強調(diào)的是前端開發(fā)的工作流程,我們可以通過配置一系列的task,定義task處理的事務(wù)(例如文件壓縮合并、雪碧圖、啟動server、版本控制等),然后定義執(zhí)行順序,來讓gulp執(zhí)行這些task,從而構(gòu)建項目的整個前端開發(fā)流程。

PS:簡單說就一個Task Runner。

webpack

webpack是一個前端模塊化方案,更側(cè)重模塊打包,我們可以把開發(fā)中的所有資源(圖片、js文件、css文件等)都看成模塊,通過loader(加載器)和plugins(插件)對資源進行處理,打包成符合生產(chǎn)環(huán)境部署的前端資源。

雖然都是前端自動化構(gòu)建工具,但看他們的定位就知道不是對等的。

gulp嚴格上講,模塊化不是他強調(diào)的東西,他旨在規(guī)范前端開發(fā)流程。

webpack更是明顯強調(diào)模塊化開發(fā),而那些文件壓縮合并、預(yù)處理等功能,不過是他附帶的功能。gulp應(yīng)該與grunt比較,而webpack應(yīng)該與browserify(網(wǎng)上太多資料就這么說,這么說是沒有錯,不過單單這樣一句話并不能讓人清晰明了)。

gulp與webpack上是互補的,還是可替換的,取決于你項目的需求。如果只是個vue或react的單頁應(yīng)用,webpack也就夠用;如果webpack某些功能使用起來麻煩甚至沒有(雪碧圖就沒有),那就可以結(jié)合gulp一起用。

延伸閱讀:

二、string是什么

string 是 Redis 最基本的數(shù)據(jù)類型,它可以存儲任意類型的數(shù)據(jù),比如文本、數(shù)字、圖片或者序列化的對象。一個 string 類型的鍵最大可以存儲 512 MB 的數(shù)據(jù)。

string 類型的底層實現(xiàn)是 SDS(simple dynamic string),它是一個動態(tài)字符串結(jié)構(gòu),由長度、空閑空間和字節(jié)數(shù)組三部分組成。SDS有3種編碼類型:

embstr:占用64Bytes的空間,存儲44Bytes的數(shù)據(jù)

raw:存儲大于44Bytes的數(shù)據(jù)

int:存儲整數(shù)類型

embstr和raw存儲字符串數(shù)據(jù),int存儲整型數(shù)據(jù)

聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學 138****2860 剛剛成功領(lǐng)取
王同學 131****2015 剛剛成功領(lǐng)取
張同學 133****4652 剛剛成功領(lǐng)取
李同學 135****8607 剛剛成功領(lǐng)取
楊同學 132****5667 剛剛成功領(lǐng)取
岳同學 134****6652 剛剛成功領(lǐng)取
梁同學 157****2950 剛剛成功領(lǐng)取
劉同學 189****1015 剛剛成功領(lǐng)取
張同學 155****4678 剛剛成功領(lǐng)取
鄒同學 139****2907 剛剛成功領(lǐng)取
董同學 138****2867 剛剛成功領(lǐng)取
周同學 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT