网站更新前端包后,多次刷新仍有网页缓存,如何解决

23 阅读1分钟

在vue.config.js文件中加入这段代码,每次打包之后文件名就会改变。

output: {
	       filename: `js/[name]-${timestamp}.js`,
	       chunkFilename: `js/[name]-${timestamp}.js`
 }	

完整代码

const timestamp = new Date().getTime()
module.exports = {
	configureWebpack: {
	    name: name,
	    resolve: {
	      alias: { //快捷引入文件配置
	        '@': resolve('src'),
	      }
	    },
	    output: { 
	      filename: `js/[name]-${timestamp}.js`,
	      chunkFilename: `js/[name]-${timestamp}.js`
	    }	
  },
}