webpack 为html文件添加hash?

Question

问题：如何为webpack打包的模板html添加hash呢？防止修改后浏览器缓存静态html资源。
HtmlWebpackPlugin中的hash属性是设置js的，有其他办法吗？

Answer 1

html添加hash，变成index.232sad.html吗？那你服务器怎么访问这个页面呢？你服务器可能不知道你的html叫什么名字。即使知道这个名字是什么，浏览器缓存首页了，可能根本不会发请求到服务器啊

如果需要清除html静态资源缓存，只要告诉浏览器不要缓存这个html资源就可以了。

比如这样

ctx.set('Cache-Control', 'no-store')

Answer 2

直接在你的webpack配置里，在输出的html文件后加入hash值
e.g.
index: path.resolve(__dirname, '../dist/index[hash:5].html')