如何为Google Apps Script本地Addon开发实现实时重载?
实现Google Apps Script编辑器插件的实时重载(基于esbuild + Svelte)
我正在开发一款Google Apps Script编辑器插件,项目结构如下:
src |__ client |__ gas esbuild.config.js tsconfig.json package.json
src/client:作为插件UI的Svelte应用src/gas:Google Apps Script业务代码esbuild.config.js:包含两个构建流程——将client打包为单文件index.html,将gas代码打包为单文件Code.js
开发时使用esbuild --watch模式,代码保存后index.html和Code.js会自动通过clasp推送到谷歌服务器。我需要实现实时重载:代码保存后,谷歌服务器上的插件能自动展示更新内容。
目前已完成的工作:
- 代码保存时自动推送到谷歌服务器
- 通过esbuild内置开发服务器+服务器发送事件(SSE)监听器实现本地实时重载
- 用mkcert生成有效证书启用HTTPS
但核心问题是:无法在文件推送到谷歌服务器时触发浏览器端的插件页面刷新。
补充信息:
- 观察到React-Google-Apps-Script项目通过webpack实现了该功能,但不懂其原理
- 发现该React项目会上传一个指向localhost的iframe的极简「开发应用」,但疑惑:谷歌服务器环境下的localhost如何加载本地更新后的代码?
- 找到了Google-Apps-Script-Webpack-Dev-Server包,但不清楚底层实现逻辑
内容的提问来源于stack exchange,提问作者eakl
相关产品推荐
相关产品推荐

