webpack:hash、chunkhash苔悦、contenthash三者區(qū)別

一轩褐、hash(所有文件哈希值相同,只要改變內(nèi)容跟之前的不一致玖详,所有哈希值都改變把介,沒有做到緩存意義)

hash是跟整個(gè)項(xiàng)目的構(gòu)建相關(guān),構(gòu)建生成的文件hash值都是一樣的蟋座,所以hash計(jì)算是跟整個(gè)項(xiàng)目的構(gòu)建相關(guān)拗踢,同一次構(gòu)建過程中生成的hash都是一樣的,只要項(xiàng)目里有文件更改向臀,整個(gè)項(xiàng)目構(gòu)建的hash值都會(huì)更改巢墅。

如果出口是hash,那么一旦針對(duì)項(xiàng)目中任何一個(gè)文件的修改,都會(huì)構(gòu)建整個(gè)項(xiàng)目砂缩,重新獲取hash值作谚,緩存的目的將失效。

二庵芭、chunkhash(同一個(gè)模塊妹懒,就算將js和css分離,其哈希值也是相同的双吆,修改一處眨唬,js和css哈希值都會(huì)變,同hash好乐,沒有做到緩存意義)

它根據(jù)不同的入口文件(Entry)進(jìn)行依賴文件解析匾竿、構(gòu)建對(duì)應(yīng)的chunk,生成對(duì)應(yīng)的hash值蔚万。我們?cè)谏a(chǎn)環(huán)境里把一些公共庫(kù)和程序入口文件區(qū)分開岭妖,單獨(dú)打包構(gòu)建,接著我們采用chunkhash的方式生成hash值反璃,那么只要我們不改動(dòng)公共庫(kù)的代碼昵慌,就可以保證其hash值不會(huì)受影響。

由于采用chunkhash淮蜈,所以項(xiàng)目主入口文件main.js及其對(duì)應(yīng)的依賴文件main.css由于被打包在同一個(gè)模塊斋攀,所以共用相同的chunkhash。
這樣就會(huì)有個(gè)問題梧田,只要對(duì)應(yīng)css或則js改變淳蔼,與其關(guān)聯(lián)的文件hash值也會(huì)改變,但其內(nèi)容并沒有改變裁眯,所以沒有達(dá)到緩存意義鹉梨。

三、contenthash(只要文件內(nèi)容不一樣穿稳,產(chǎn)生的哈希值就不一樣)

contenthash表示由文件內(nèi)容產(chǎn)生的hash值俯画,內(nèi)容不同產(chǎn)生的contenthash值也不一樣。在項(xiàng)目中司草,通常做法是把項(xiàng)目中css都抽離出對(duì)應(yīng)的css文件來加以引用艰垂。

所以css文件最好使用contenthash。


from: http://www.reibang.com/p/e687aa625f71

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末埋虹,一起剝皮案震驚了整個(gè)濱河市猜憎,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌搔课,老刑警劉巖胰柑,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡柬讨,警方通過查閱死者的電腦和手機(jī)崩瓤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來踩官,“玉大人却桶,你說我怎么就攤上這事≌崮担” “怎么了颖系?”我有些...
    開封第一講書人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)辩越。 經(jīng)常有香客問我嘁扼,道長(zhǎng),這世上最難降的妖魔是什么黔攒? 我笑而不...
    開封第一講書人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任趁啸,我火速辦了婚禮,結(jié)果婚禮上督惰,老公的妹妹穿的比我還像新娘不傅。我一直安慰自己,他們只是感情好姑丑,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著辞友,像睡著了一般栅哀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上称龙,一...
    開封第一講書人閱讀 51,573評(píng)論 1 305
  • 那天留拾,我揣著相機(jī)與錄音,去河邊找鬼鲫尊。 笑死痴柔,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的疫向。 我是一名探鬼主播咳蔚,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼搔驼!你這毒婦竟也來了谈火?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤舌涨,失蹤者是張志新(化名)和其女友劉穎糯耍,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡温技,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年革为,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片舵鳞。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡震檩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出系任,到底是詐尸還是另有隱情恳蹲,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布俩滥,位于F島的核電站嘉蕾,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏霜旧。R本人自食惡果不足惜错忱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望挂据。 院中可真熱鬧以清,春花似錦、人聲如沸崎逃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)个绍。三九已至勒葱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間巴柿,已是汗流浹背凛虽。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留广恢,地道東北人凯旋。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像钉迷,于是被迫代替她去往敵國(guó)和親至非。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容