一、babel缓存:
设置cacheDirectory:true
二、文件资源缓存
1、hash:每次webpack构建会生成一个唯一的hash值。
问题:因为webpack每次构建会生成一个hash值,而js和css会同时使用一个hash值,所以每次构建重新打包,hash值改变,会导致所有缓存失效(就算只改变其中一个文件)。
2、**chunkhash:**根据chunk生成的hash值,如果打包来源与同一个chunk,那么hash值一样
问题:当某个js中引入css文件,所以就属于听一个chunk,就会导致最终chunkhash一样,重新打包后,还是会同时被更新。
3、contenthash: 根据文件的内容生成的hash值,不同文件的hash值不一样,可以达到更改其中一个文件时保证其他文件还是从缓存读取。