番茄专注钟
一个极简的番茄工作法计时器，演示本地 Monorepo 应用如何嵌入到作品页。
- 年份
- 2026
- 技术
- TypeScript，原生 Web
/apps/hello-app/
正在加载演示…
屏幕较小时，建议在新窗口中打开体验。
背景
这是一个示例作品，源码位于 examples/hello-app/。运行 npm run apps 后，它会被拷贝到 public/apps/hello-app/，并通过上方的窗口嵌入展示。
如何替换成你自己的作品
- 在
works.config.mjs里登记 Monorepo 中的应用：根目录、构建命令和产物目录。 - 在
src/content/work/下新建一个 Markdown 文件，把embed.app设为同一个名字。 - 运行
npm run build，作品就会和主站一起构建。
实现要点
- 零依赖，首屏不到 5KB
- 使用
requestAnimationFrame驱动，切到后台标签页时自动校准时间