彩蛋篇:框架赋能:React 与插件开发的融合之境

在启动了开发服务器后,打开浏览器,点击加载解压缩扩展,选择项目中的dist文件夹。

CRXJS支持热更新,所以在开发过程中,代码更新能够及时反映,无需手动刷新或重载扩展。

例如我改动了组件里的内容

打包

pnpm run build

打包结果默认在release文件夹下,可以通过vite.config.ts自主配置

plugins: [
    react(),
    crx({ manifest }),
    zip({ outDir: 'release', outFileName: `crx-${name}-${version}.zip` }),
],

从零探索Chrome插件开发,手把手教你构建实用功能,开启浏览器扩展创作之旅。

全部评论
点赞 回复 分享
发布于 08-13 12:58 河南
已老实
点赞 回复 分享
发布于 08-09 23:44 江苏
点赞 回复 分享
发布于 08-09 20:17 江苏
🤨
点赞 回复 分享
发布于 08-09 20:04 江苏

相关推荐

08-12 00:23
门头沟学院 Java
点赞 评论 收藏
分享
评论
4
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务