webpack中hash、chunkHash、contentHash的區別

文件目錄：
index.js依賴common.js和base.less

hash

Hash：和整個項?的構建相關，只要項??件有修改，整個項?構建的hash值就會更改。這樣會導致緩存失效。

項目中的文件只要有一個文件改變，那么整個項目文件的hash都會改變。

chunkhash

chunkhash：和webpack 打包的chunk 有關，不同的entry 會?成不同的chunkhash值

只有在改變某個chunk的文件時，才會生成對應的hash。比如我改變了index依賴的base.less文件構建結果如下，會發現index對應的hash改變了，而page對應的hash沒有改變。

contenthash

contentHash：根據?件內容來定義hash ，?件內容不變，則contenthash不變，在項目中，通常做法是把項目中css都抽離出對應的css文件來加以引用。


如果修改了base.less文件打包看一下：
css文件和依賴less文件的chunk會發生改變。

使用經驗總結

ouput打包出口使用 chunkhash

css使用contenthash

圖片、字體使用hash

總結

以上是生活随笔為你收集整理的webpack中hash、chunkHash、contentHash的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。