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