用途:该技能面向使用 WXT 框架开发跨浏览器扩展的场景,支持 Chrome、Firefox、Edge、Safari 及各类 Chromium 浏览器,单一代码库即可构建,适配 Manifest V3。
主要能力:覆盖扩展的初始化、开发环境搭建,以及 popup、content scripts、background(service worker)、options 等核心入口的实现;支持与 React 19、Vue、Svelte、Solid 集成;提供类型安全存储与消息通信、脚本注入、多浏览器构建与打包等能力。
使用方式:用 npm create wxt@latest 初始化项目,可用 --template react-ts、vue-ts、svelte-ts 指定模板。项目按约定目录组织,入口文件放在 entrypoints/ 下并由 WXT 自动识别。常用命令:npm run dev(带 HMR 的开发)、npm run build(生产构建)、npm run zip(打包用于商店提交);可按浏览器构建,如 npm run build -- --browser=chrome,或 npm run zip -- --browser=firefox。配置写在 wxt.config.ts 中,通过 manifest 字段设置名称、权限、host_permissions,通过 browser 指定目标浏览器,通过 modules 集成框架模块(如 @wxt-dev/module-react)。
适用场景与限制:适合新扩展开发、跨浏览器兼容、Manifest V3 迁移以及 React/Vue/Svelte 技术栈集成。资料同时提及常见问题如模块未找到、CSP 违规、热重载失效、存储未持久化,以及 2025 年流行技术栈组合(React + Tailwind + shadcn/ui 等)。其余进阶细节以 references/ 目录文档为准;关于收费、价格与平台支持范围,资料未提供。