预报
进行浏览器扩展程序的朋友必须知道,浏览器扩展名没有操作环境的开发。我们只能通过→目前运行该项目,实际上是需要在结束时发布的资源。每次更改源代码,您都必须手动刷新浏览器。如果您想使用webpack/vite,等等,要开发项目,它更加麻烦,您需要每次都会额外编译它们。
因此,HMR可以带有Vite实现热门更新吗?显然不是,本地启动DevServer浏览器根本无法使用,因此本文主要解决以下两个问题:
这里的水单词数量非常易于实现,只需替换。
这个想法并不复杂:→→→→→
没有通过Vite文档可以自定义插头的相关配置项目,并且无法实现Vite的唯一插头。尽管标题写在标题中,但最终将依靠哥哥卷来卷。
没什么可说的,Websocket总是会滴!
安装依赖项(强烈建议PNPM!)
汇总插头-in:为什么添加了通知?因为当我们快速修改并保存源代码时,第一个编译会触发,然后我们将重新计算。如果将加载浏览器扩展页面并失败,则未完成第二个汇编。汇编的完成不再可通知该页面。
因此,我们在钩子中延迟钩子并重新计算。
在中间引入插件:
页面监视通知,在需要更新的页面中,您可以通过标签介绍脚本。
完整的示例项目:书签清洁器:自动检测失败书签链接,一键清洁?
原始:https://juejin.cn/post/7095321125244108807