代码拉取完成,页面将自动刷新
一个仅前端打包部署后检测更新的 webpack 插件,
module.exports = {
//...
plugins: [
//默认可以不写options
new UpdateVersionTip({
// options...
}),
],
};
options见下方配置
//该配置不是通用配置,需根据自己项目情况百度或者查看文档
static/js/[hash].[name].${时间戳}.js
).end();const options = {
version: '不指定版本时,为当前打包时间戳,默认值打包时间戳',
updateMark: '标记系统的版本号字段,默认值‘version’',
checkUpdateFnName: '校验更新的函数名,默认值‘checkUpdate’',
filePath: '插件的配置文件放置位置,默认值‘/’',
}
手动添加 <script src="/checkUpdate.js"></script>(默认)
或者 <script src="{你的filePath}{你的checkUpdateFnName}.js"></script>(使用“filePath”和“checkUpdateFnName” 的配置值 )
在项目的 “适当位置” 添加如下代码 (一般选择在路由调整时执行)
//防止报错
if(!window.checkUpdate) return
//主要代码
window.checkUpdate().then(({update})=>{
//如果需要更新则会进入这里
//处理其他更新逻辑,如更新提示
alert("有新版本了,请及时更新")
//需手动调用更新方法,更新系统版本标签
update&&update().then(()=>{
//更新标签完成后可以做的事情
window.location.reload()
})
})
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。