1. 程式人生 > >vue 用webpack打包檔名新增版本號

vue 用webpack打包檔名新增版本號

因瀏覽器快取原因導致vue 打包的檔案 導致偶爾會出現不能即使更新最新程式碼。因此在打包的檔名中新增一個版本號以便瀏覽器能區分。

解決方法:找到webpack .prod.conf.js

   1.定義版本變數: const  Version = new Date().getTime(); // 這裡使用的是時間戳 來區分 ,也可以自己定義成別的如:1.1 

   2.修改要生成的js和css檔案的配置項,把剛剛宣告的版本拼接進要生成的檔名中;

   output: {

        path: config.build.assetsRoot,

         filename: utils.assetsPath('js/[name].[chunkhash].' + Version + '.js'),

        chunkFilename: utils.assetsPath('js/[id].[chunkhash].' + Version + '.js')

    },

 

然後直接 npm run build 打包後 就可以看到dist 檔案裡的js 檔名帶上裡版本號
--------------------- 
作者:wo奮鬥的小鳥 
來源:CSDN 
原文:https://blog.csdn.net/qq_37337830/article/details/81507246 
版權宣告:本文為博主原創文章,轉載請附上博文連結!