大家好，又见面了，我是你们的朋友全栈君。
项目场景：vue项目更新后清除浏览器缓存
解决方案：build/webpack.prod.conf.js里打包的文件路径添加时间戳
const Version = new Date().getTime()//获取当前时间戳
output: {
path: config.build.assetsRoot,
//添加当前时间戳 Version到打包的js文件中
filename: utils.assetsPath('js/[name].[chunkhash]' +Version+ '.js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash]' +Version+ '.js')
},
new ExtractTextPlugin({
//添加当前时间戳Version到打包的css文件中
filename: utils.assetsPath('css/[name].[contenthash]' +Version+ '.css'),
allChunks: true,
}),
//html 页面加载脚本的时候给脚本后面加一个时间戳
new HtmlWebpackPlugin({
filename: config.build.index,
template: 'index.html',
inject: true,
hash: version,//添加当前时间戳来清除缓存
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
},
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
}),
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/161151.html原文链接：https://javaforall.net
