类型
状态
日期
文章链接
概览
标签
分类
图标
密码
创建时间
Aug 14, 2023 04:03 PM
最近更新时间
Aug 14, 2023 05:47 PM

前言

在前端开发中,随着新功能的开发和 bug 的修复,我们经常需要更新我们的线上页面。但是当我们发布了一个版本修改了某个bug或者更新了某些功能,只要用户不刷新页面,他将无法享受新版本带来的修改,那么,我们可以实现一个生产环境页面自动更新的功能,提示用户版本更新,需要刷新页面重新加载。

思路

我们知道,在开发环境中,我们是依靠 WebSocket 实现的,但是如果在生产环境中,不仅需要写相关的代码,还得需要后台的配合,得不偿失。
那在生产环境中,应该如何实现呢。
我们知道,每一次我们打包发布,都会生成一个index.html文件,在这个文件中引用的js文件每次都是随机生成的,所以每一个版本引入的js名称都不会相同,我们可以使用这个特性来监听页面是否需要更新。
notion image
那这样,我们大概就能确定下实现思路:
notion image

实现

分享几个 Notion 免费获取 Icons 的网站一步步教你如何使用Vite发布一个npm工具包