Webpack缓存

183 阅读1分钟

一、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值不一样,可以达到更改其中一个文件时保证其他文件还是从缓存读取。