解决vue多次打包后出现浏览器缓存的问题
每次打包更新版本上传到服务器上,会偶尔出现代码没有更新还是旧代码的逻辑,这就代表浏览器存在缓存的问题了。
解决方案
vue-cli2
webpack .prod.conf.js 下修改output
const Timestamp = new Date().getTime();
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].'+Timestamp+'js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].'+Timestamp+'js')
}
vue-cli3
vue.config.js 下修改/添加output
const Timestamp = new Date().getTime();
configureWebpack: {
output: {
filename: 'js/[name].'+Timestamp+'.js',
chunkFilename: 'js/[name].'+Timestamp+'.js'
}
}
结束
接下来就是打包好,就会发现打包出来的文件都有哈希值啦,就不会出现缓存问题啦,保证每次都是最新的。