一、简述
现在全网写的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的配置文件中将其删除即可。
更多个人文章
