基于manifest v3+react开发的Chrome插件demo

一、简述

现在全网写的chrome插件基本都还是原生的html、css加js那一套，相比于使用react开发非常的不方便，而且大多都还是manifest v2版本，如果你是初学者，建议先看下我的另一篇文章，十分钟带你入门chrome插件开发。基于以上问题我自己搭建了一套基于manifest v3+react开发的chrome插件demo。

二、chrome插件demo展示

登录页.png

首页.png

添加日志.png

修改日志.png

查看日志.png

如需获取demo项目源码，请到我的github上自行clone，顺便给咱点个Star，非常感谢。
https://github.com/hepengwei/chrome-extension-react-demo

三、注意事项

该项目中使用了一个webpack插件，也是我自己开发的，它能帮助我们自动将build打包后的插件直接加载到Chrome浏览器中运行起来，想要了解该插件的详细信息，可以看我的另一篇文章，一款将打包后的Chrome插件自动化加载到浏览器的webpack插件，里面有详细的介绍。如果你不想使用该插件功能，可以在webpack的配置文件中将其删除即可。

更多个人文章

1. requestAnimationFrame和requestIdleCallback是宏任务还是微任务
2. 两个跨域页面进行跳转传参的终极方案
3. 深入理解Event Loop的运行机制
4. hashHistory和browserHistory的区别
5. 面试秘籍之手写系列