用 Extension.js 写浏览器插件，这体验太爽了

如果你开发过 Chrome 插件大概率被这些破事折腾过改一行代码要回浏览器点一下“重新加载”为了兼容 Firefox 得去翻两套文档Manifest 里的路径写错一点就报错最近发现一个叫Extension.js的项目它的逻辑很简单既然写网页有 Next.js 这种一行命令全家桶的方案为什么写插件不能也这么爽它解决了什么简单来说它把插件开发里那些最恶心的“基建”活儿全包了。全自动热更新这是最爽的一点。你改完代码浏览器里的插件会自动更新不用你手动去扩展程序页面点那个转圈圈的图标。一份代码全平台通吃你写的时候不用管是给 Chrome 还是 Firefox 写的它在编译的时候会自动帮你搞定 Manifest 的差异。框架随便挑你是 React 铁粉还是 Vue 深度用户或者想试试 Svelte它都内置了模板。甚至你想用 TypeScript 增加点安全性也是开箱即用。环境变量不抓狂插件在开发环境和线上环境经常要用不同的 API它支持直接注入环境变量不用你手动去代码里改配置。快速上手现在的开源项目如果不简单基本就没人用了。Extension.js 只需要你在终端敲一行npx extensionlatest create my-extension跟着提示选好你喜欢的框架它就会帮你把目录结构、构建脚本、Manifest 模板全部生成好。接着运行开发命令它会直接帮你拉起一个已经加载好插件的 Chrome 或 Edge 浏览器。你只管在编辑器里写业务逻辑剩下的编译、打包、适配它在后台默默全做了。项目支持的模板也很多小结一下其实很多时候我们不写插件不是因为没想法而是因为那套陈旧的开发流程太劝退。Extension.js 的核心价值就是把这道门槛给降到最低了。它让你可以把精力花在怎么实现功能上而不是研究 Manifest 怎么配、怎么打包出个 zip 包。如果你最近刚好想撸个插件玩玩或者公司项目需要维护一套跨浏览器的扩展真的可以去试试这个项目。项目地址官方网址https://extension.js.org/Github 仓库https://github.com/extension-js/extension.js