Webpack高级 19 -- Network Cache

141 阅读1分钟

我们想要实现的效果,如果一个打包文件进行修改后,会重新缓存。

  • 如下,将每个文件的输出名,加上 content-hash ,即根据内容生成 hash 值,内容发生改变,生成的 hash 值也会改变。

1112.png

如果一个模块引入了其他模块,那么其他模块更改时,该模块也要重新缓存,没必要。所以我们可以将每个模块的 hash 值以及文件间的匹配关系存在 runtime 文件里。这样,单个模块的改变就只会引起该模块和 runtime 文件的重新缓存!!!

1113.png