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

vue项目更新后清除浏览器缓存项目场景:vue项目更新后清除浏览器缓存解决方案:build/webpack.prod.conf.js里打包的文件路径添加时间戳constVersion=newDate().getTime()//获取当前时间戳output:{path:config.build.assetsRoot,//添加当前时间戳Version到打包的js文件中filename:utils.assetsPath(‘js/[name].[chunk..

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

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

 

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

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

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

 

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

 

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'
}),

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/161151.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号