通常我们通过uniapp打包h5端的dist包中的js文件,都会带有一串hash后缀,并且每次打包的hash后缀都没有改变,这样会导致H5新版打包上线后,用户依旧使用的是浏览器中缓存的老版js文件。文件更新滞后等现象。

所以我们需要用时间戳作为后缀

那么如何实现将生成的js文件的后缀改为时间戳呢?

在文件夹中创建一个vue.config.js文件

将以下代码复制进去即可

const Timestamp = new Date().getTime(); //当前时间为了防止打包缓存不刷新,所以给每个js文件都加一个时间戳
module.exports = {
	filenameHashing: true, //建议开启 防止静态资源(图片)替换后 未即时生效
	configureWebpack: {
		output: { // 输出重构  打包编译后的 文件路径  文件名称  【时间戳】
			filename: `./static/js/[name].${Timestamp}.js?v=${Timestamp}`,
			chunkFilename: `./static/js/[name].${Timestamp}.js?v=${Timestamp}`
		},
	}
}

之后再打包就会得到js后缀为时间戳的文件了

 如有问题,欢迎留言!!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐