关于 bundle 加 hash的问题

Question

双越老师好，非常喜欢您的课程，已经购买很多啦，准备继续入手。
这里关于 bundle 加 hash，有一个问题是：如果不加hash，第一次打包和第二次打包output.filename都是index.js，这种情况的话，是否也会命中浏览器的缓存呢？(前后文件名都是index.js）
如果都叫做 index.js 也会命中缓存的话，那加上 hash 的意义是什么呢？
谢谢双越老师！

Answer 1

双越 2021-02-05 09:27:06

如果不用 hash ，每次打包出来的都是 index.js ，那么你就没发使用强缓存。因为你缓存了 index.js ，那么就有可能获取不到服务器端的最新内容。

而用 hash ，每次打包出不同的 index.[hash].js ，就可以使用强缓存。反正每次获取的都是不同的 js 文件，不用担心访问不到最新的。

PS：这里说的强缓存，都是缓存 js ，html 是不能被缓存的。

• 提问者 慕莱坞7043791 #1

  明白啦，谢谢双越老师！！！

Answer 2

weixin_慕后端1553515 2021-07-07 15:02:54

如果每次vue项目上线变化不大的话，如何提升构建效率是 使用 bundle加 hash吗？

• 双越 #1

  拆包，把 vue 单独拆分出一个 chunk。