1. 程式人生 > >webpack與瀏覽器緩存

webpack與瀏覽器緩存

tput bsp 更改 配置參數 有變 web 瀏覽器刷新 配置 name

根據之前的配置,假設文件上傳至服務器中,沒有加hash,如果頁面內容有更改,瀏覽器刷新的時候,請求的還是原先的文件,也就是瀏覽器的緩存,因為名字沒有變。現在我們在上線的webpack配置中加上hash
output:{
  filename: ‘[name].[contenthash].js‘,
  chunkFilename: ‘[name].[contenthash].js‘,
}

這個時候打包出來的文件就有了hash值。只要文件內容不變,hash值就不變,內容變了才變。

如果打包失效,比如老版本的webpack4。這個時候加一個配置參數
optimization:{
  runtimeChunk: {
    name: 
‘runtime‘   } }

webpack與瀏覽器緩存