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

一、简述

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

二、chrome插件demo展示

基于manifest v3+react开发的Chrome插件demo_第1张图片
基于manifest v3+react开发的Chrome插件demo_第2张图片
基于manifest v3+react开发的Chrome插件demo_第3张图片
基于manifest v3+react开发的Chrome插件demo_第4张图片
基于manifest v3+react开发的Chrome插件demo_第5张图片
如需获取demo项目源码,请到我的github上自行clone,顺便给咱点个Star,非常感谢。
https://github.com/hepengwei/chrome-extension-react-demo

三、注意事项

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

你可能感兴趣的:(react.js,chrome,javascript)