鍍金池/ 問答/HTML/ webpack 為html文件添加hash?

webpack 為html文件添加hash?

問題：如何為webpack打包的模板html添加hash呢？防止修改后瀏覽器緩存靜態(tài)html資源。
HtmlWebpackPlugin中的hash屬性是設(shè)置js的，有其他辦法嗎？

回答
編輯回答
亮瞎她

html添加hash，變成index.232sad.html嗎？那你服務(wù)器怎么訪問這個(gè)頁面呢？你服務(wù)器可能不知道你的html叫什么名字。即使知道這個(gè)名字是什么，瀏覽器緩存首頁了，可能根本不會(huì)發(fā)請求到服務(wù)器啊

如果需要清除html靜態(tài)資源緩存，只要告訴瀏覽器不要緩存這個(gè)html資源就可以了。

比如這樣

ctx.set('Cache-Control', 'no-store')
2017年9月22日 08:27
編輯回答
墻頭草

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

2018年4月10日 11:59