前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue项目更新后清除浏览器缓存

vue项目更新后清除浏览器缓存

作者头像
全栈程序员站长
发布2022-09-09 11:02:40
1.4K0
发布2022-09-09 11:02:40
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

项目场景:vue项目更新后清除浏览器缓存

解决方案:build/webpack.prod.conf.js里打包的文件路径添加时间戳

vue项目更新后清除浏览器缓存
vue项目更新后清除浏览器缓存

vue项目更新后清除浏览器缓存
vue项目更新后清除浏览器缓存
vue项目更新后清除浏览器缓存
vue项目更新后清除浏览器缓存
代码语言:javascript
复制
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.cn/161151.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目场景:vue项目更新后清除浏览器缓存
  • 解决方案:build/webpack.prod.conf.js里打包的文件路径添加时间戳
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档