uniapp 修改打包后的js文件后缀为时间戳
通常我们通过uniapp打包h5端的dist包中的js文件,都会带有一串hash后缀,并且每次打包的hash后缀都没有改变,这样会导致H5新版打包上线后,用户依旧使用的是浏览器中缓存的老版js文件。文件更新滞后等现象。所以我们需要用时间戳作为后缀那么如何实现将生成的js文件的后缀改为时间戳呢?在文件夹中创建一个vue.config.js文件将以下代码复制进去即可const Timestamp =
·
通常我们通过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后缀为时间戳的文件了
如有问题,欢迎留言!!
更多推荐
已为社区贡献16条内容
所有评论(0)