一、簡述
現在全網寫的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的配置文件中將其刪除即可。
更多個人文章