vue 用webpack打包檔名新增版本號
阿新 • • 發佈:2018-12-06
因瀏覽器快取原因導致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
版權宣告:本文為博主原創文章,轉載請附上博文連結!