webpack中對於輸出文件名可以有三種hash值：
1. hash
2. chunkhash
3. contenthash
這三者有什么區別呢？
| hash |
如果都使用hash的話，因為這是工程級別的，即每次修改任何一個文件，所有文件名的hash至都將改變。所以一旦修改了任何一個文件，整個項目的文件緩存都將失效。如：
可以從上圖清晰的看見每個壓縮后的文件的hash值是一樣的，所以對於沒有改變的模塊而言，這樣做顯然不恰當，因為緩存失效了嘛。此時，chunkhash的用途隨之而來。
| chunkhash |
chunkhash根據不同的入口文件(Entry)進行依賴文件解析、構建對應的chunk，生成對應的哈希值。在生產環境里把一些公共庫和程序入口文件區分開，單獨打包構建，接着我們采用chunkhash的方式生成哈希值，那么只要我們不改動公共庫的代碼，就可以保證其哈希值不會受影響。並且webpack4中支持了異步import功能，固，chunkhash也作用於此，如下：
我們將各個模塊的hash值 (除主干文件) 改為chunkhash，然后重新build一下，可得下圖：
我們可以清晰地看見每個chunk模塊的hash是不一樣的了。
但是這樣又有一個問題，因為我們是將樣式作為模塊import到JavaScript文件中的，所以它們的chunkhash是一致的，如test1.js和test1.css：
這樣就會有個問題，只要對應css或則js改變，與其關聯的文件hash值也會改變，但其內容並沒有改變呢，所以沒有達到緩存意義。固contenthash的用途隨之而來。
| contenthash |
contenthash是針對文件內容級別的，只有你自己模塊的內容變了，那么hash值才改變，所以我們可以通過contenthash解決上訴問題。如下：
That's all~