LoopX PWA打包与Bundle冒烟前端资源如何受测试保护【免费下载链接】loopxLong-horizon agent control plane for durable, governed work across Codex, Claude Code, and other harnesses.项目地址: https://gitcode.com/GitHub_Trending/lo/loopxLoopX 的看板前端通过PWA打包与Bundle冒烟测试双重机制保护前端资源构建时保证manifest.webmanifest与图标完整落地测试时校验源码契约与产物契约逐条一致并借助有界资产保留防止打包目录无限膨胀。本文带你快速看懂这套前端资源保护方案 什么是 LoopX 的 PWA 看板LoopX 的本地控制面板目标、配额、待办、运行历史可以像原生应用一样安装到桌面或移动端——这就是 PWA渐进式 Web 应用。它的核心配置只有一个清单文件名称与短名LoopX 看板/LoopX显示模式standalone独立窗口不显示浏览器地址栏启动地址与范围./相对路径便于部署在任意子目录下图标pwa/icon-192.png与pwa/icon-512.png清单定义在 apps/presentation/dashboard/public/manifest.webmanifest而入口页 apps/presentation/dashboard/index.html 通过link relmanifest把它接入并声明了主题色与触摸图标。一条构建命令产出两套 Bundle前端基于 Vite React 构建入口脚本 apps/presentation/dashboard/package.json 中的build命令会串行产出两套产物产物输出位置特点根看板 Bundleapps/presentation/dashboard/dist完整桌面看板Chat Bundleloopx/web/chat以/chat/为基址供控制面进程托管两套产物共享同一份 PWA 资产清单 图标由 apps/presentation/dashboard/vite.chat.config.ts 中的emitSharedPwaAssets插件直接复用避免把无关的 showcase 资源复制进 chat 目录 Bundle 冒烟测试逐条校验 PWA 契约真正守门的是冒烟脚本 examples/dashboard-pwa-bundle-smoke.py它把 PWA 契约拆成可断言的规则index 必须引用清单——link relmanifest href...必须逐字符匹配防止打包时漏注入清单与图标必须存在——manifest.webmanifest、192/512 两张图标缺一不可字段值必须正确——display: standalone、start_url: ./、scope: ./、图标顺序严格等于[icon-192, icon-512]。更巧妙的是它的双轨校验见 examples/dashboard-pwa-bundle-smoke.py源码轨必查直接校验public/下的构建输入。这样即使 CI 从干净检出启动、没有本地构建产物契约依然被保护产物轨有则查一旦dist存在就用同样的规则复查真实 Bundle确保写对了也打包对了。有界资产保留防止 Bundle 目录越滚越大带哈希的文件名如index-w1Q81FRo.js是打包标配但会带来一个经典问题旧标签页还引用着旧哈希删了会白屏不删则目录无限膨胀。LoopX 的解法是有界保留apps/presentation/dashboard/vite.chat.config.ts 中的retainedChatAssets插件在每次构建后把当前代 上一代资产写入 loopx/web/chat/asset-retention.json最多保留2 代正好覆盖滚动升级时旧页面还开着的窗口不在保留名单内的旧文件会被清理目录大小因此有上界冒烟测试 examples/dashboard-pwa-bundle-smoke.py 反向校验这件事schema 版本必须匹配、代数必须在 1~2 之间、index.html引用的资产必须属于最新一代、保留清单必须与磁盘文件完全相等不多不少。也就是说打包产物长什么样本身也被测试盯住任何一次改动破坏了契约都会立刻暴露 ✨如何运行与延伸阅读在 apps/presentation/dashboard 目录下执行npm run smoke:pwa-bundle对应脚本 examples/dashboard-pwa-bundle-smoke.py全部通过时会输出dashboard-pwa-bundle-smoke ok。想进一步理解前端与后端的整体协作可延伸阅读看板设计说明apps/presentation/dashboard/design.md前端构建与脚本总览apps/presentation/dashboard/package.jsonChat Bundle 托管目录loopx/web/chat/小结PWA 契约即代码清单、图标、独立显示模式全部写入仓库而非口头约定冒烟测试双轨制源码必查、产物有则查干净检出也能守门有界保留两代资产 磁盘一致性断言让前端资源目录既不白屏也不膨胀。这套契约 冒烟的组合正是 LoopX 让长时运行的 Agent 控制面在浏览器端依然稳定可靠的底气 【免费下载链接】loopxLong-horizon agent control plane for durable, governed work across Codex, Claude Code, and other harnesses.项目地址: https://gitcode.com/GitHub_Trending/lo/loopx创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考