关于 bundle 加 hash的问题

来源:10-17 webpack 优化产出代码-考点串讲

慕莱坞7043791

2021-02-04

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

写回答

2回答

双越

2021-02-05

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

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

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

1
1
慕莱坞7043791
明白啦,谢谢双越老师!!!
2021-02-05
共1条回复

weixin_慕后端1553515

2021-07-07

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

0
1
双越
拆包,把 vue 单独拆分出一个 chunk。
2021-07-07
共1条回复

2024版 前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4663 学习 · 1644 问题

查看课程