彩蛋篇:框架赋能:React 与插件开发的融合之境
在启动了开发服务器后,打开浏览器,点击加载解压缩扩展,选择项目中的dist文件夹。
CRXJS支持热更新,所以在开发过程中,代码更新能够及时反映,无需手动刷新或重载扩展。
例如我改动了组件里的内容
打包
pnpm run build
打包结果默认在release文件夹下,可以通过vite.config.ts自主配置
plugins: [ react(), crx({ manifest }), zip({ outDir: 'release', outFileName: `crx-${name}-${version}.zip` }), ],
从零开始的谷歌浏览器插件开发 文章被收录于专栏
从零探索Chrome插件开发,手把手教你构建实用功能,开启浏览器扩展创作之旅。