在webpack中，Hash、ContentHash、ChunkHash

Hash、ContentHash、ChunkHash

1. 在我们给打包的文件进行命名的时候，会使用placeholder，placeholder中有几个属性比较相似：
   1. hash、chunkhash、contenthash
   2. hash本身是通过MD4的散列函数处理后，生成一个128位的hash值（32个十六进制）；
2. hash值的生成和整个项目有关系：
   1. 比如我们现在有两个入口index.js和main.js；
   2. 它们分别会输出到不同的bundle文件中，并且在文件名称中我们有使用hash；
   3. 这个时候，如果修改了index.js文件中的内容，那么hash会发生变化；
   4. 那就意味着两个文件的名称都会发生变化；
3. chunkhash可以有效的解决上面的问题，它会根据不同的入口进行解析来生成hash值：
   1. 比如我们修改了index.js，那么main.js的chunkhash是不会发生改变的；
4. contenthash表示生成的文件hash名称，只和内容有关系：
   1. 比如我们的index.js，引入了一个style.css，style.css有被抽取到一个独立的css文件中；
   2. 这个css文件在命名时，如果我们使用的是chunkhash；
   3. 那么当index.js文件的内容发生变化时，css文件的名也会发生变化；
   4. 这个时候我们可以使用contenthash；