释放双眼,带上耳机,听听看~!
解决思路
打包的时候给每个打包文件后面加一个时间戳,通过vue.config/vite配置
const timeStamp = new Date().getTime()
configureWebpack: {
name: name,
resolve: {
alias: {
'@': resolve('src')
}
},
output: {
filename: `js/[name].js?v=${timeStamp}`,
chunkFilename: `js/chunk.[id].js?v=${timeStamp}`,
}
},
css: {
extract: {
filename: `css/[name].css?v=${timeStamp}`,
chunkFilename: `css/chunk.[id].css?v=${timeStamp}`,
}
},
解决原理
使用时间戳来作为版本号来解决项目部署缓存的问题是,它会确保每次构建的文件名中都包含最新的时间戳,从而迫使浏览器重新加载新的文件
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。