彩蛋篇:框架赋能: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 江苏

相关推荐

想进开水团喝开水:哦 给我一个 就算你真拿到牛友也会为你开心的
点赞 评论 收藏
分享
头像
10-27 15:50
门头沟学院 Java
想进开水团喝开水:有一种店 只能外卖 不能堂食 你猜为什么
点赞 评论 收藏
分享
12-19 20:28
已编辑
门头沟学院 Java
美团履约 全栈工程师 (n+1)*15.5 其他
点赞 评论 收藏
分享
评论
4
收藏
分享

创作者周榜

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