Chrome浏览器插件(Chrome Extension,简称CRX)大家已经非常熟悉了。目前的Chrome Extension开发应该按照Manifest V3的规范。按照谷歌官方的通知,2023年6月开始,将不允许发布Manifest V2的Chrome Extension,预…
"build:watch":"nodemon --watch src --exec npm run build --ext \"ts,vue\"", 基础工作完成之后,直接去vite-plugin-chrome-extension的库里面找到对应的示例:vue-element 文件目录直接复制过来 开发时执行:npm run build:watch 打包时执行:npm run build 即可 React 版本搭建 明天更新...
首先找到了个库 vite-plugin-chrome-extension vite-plugin-vue-crx3 可惜2个库都无法启动我们的项目,可能是因为manifest v3本身也在快速迭代中,甚至在我开发的短短时间内,mv3就支持了popup的script module特性。因此插件开发者跟不上chrome的api更新速度非常正常。 要做的事情 打包 不过插件的思路是可以借鉴的,对...
在dist文件夹内部增加 manifest.json 即可。文档地址 manifest.json 文件如下: {"name":"vite","version":"1.0.0","manifest_version":3,"description":"vite chrome extension tempalte","icons":{"16":"assets/vue.svg","48":"assets/vue.svg","128":"assets/vue.svg"},"options_ui":{"page":"i...
webextension-polyfill是由Mozilla创建的,提供一个尽可能兼容其他浏览器的API, 相比于在Chrome中使用chrome.*API,使用browser.*API可以在其他浏览器中运行更加通用。 同时,使用unplugin-auto-import/vite使可以全局使用browserAPI。 # install webextension-polyfill and types>pnpm add webextension-polyfill ...
git clone https://github.com/1163895390wjh/chrome-extension-vite.git #或者国内源 git clone https://gitee.com/mr-jinhui/chrome-extension-vite.git npm install -g pnpm pnpm install # 开发调试 npm run dev # 生产编译 npm run build # 以上两条命令都会生成编译文件,在output目录下 # zips目录下都...
npm create vite@latest my-chrome-extension---template react-ts 这个命令会设置一个带有 React 和 TypeScript 的新项目。 理解Chrome 插件 Manifest 文件概述 每个Chrome 插件都需要一个 manifest 文件(manifest.json)。这个文件包含关于扩展的元数据,包括其名称、版本、权限和将使用的后台脚本。 Chrome...
CRXJS Vite PluginBuild a Chrome Extension with Vite Github build and release actions Please create an issue if you feel some feature is missing or could be improved. Pre-packed Vite Plugins unplugin-vue-router- File system based route generator for Vite ...
Companion package to 'Extension Development - Auto Reloader' chrome extension, to automatically reload target browser extensions during the extension development process.. Latest version: 1.1.6, last published: 3 months ago. Start using vite-plugin-exten
{"name": "@node-gptcommit/chrome-extension","private": true,"version": "0.0.0","type": "module","scripts": {"dev": "rimraf dist && vite","build": "vue-tsc && vite build","preview": "vite preview"},...} dev:background代表开发模式 ...