Utoo WASM:AI 时代的极速研发套件
如果无法正常显示,请先停止浏览器的去广告插件。
1. UTOO WASM
AI 时代的极速研发套件
徐少东(无玄)
蚂蚁终端体验科技大会
2. Vibe Coding 工程难题
• 基本架构
IDEPreview
AI Chatbox模版库
存储
依赖
构建
产物托管
3. Vibe Coding 工程难题
• 10s 写完代码!
• 如何预览?
• 部署上线花了 10 分钟?
传统前端工程链路玩不转了⚠
4. Vibe Coding 工程解法?
• VM backend易实现,兼容性好服务器成本、通信延迟
• ESM bundless前沿技术依赖拓扑 、 HMR 缺陷、 落地困境
• webpack in webcontainer兼容性好性能差、无持久存储
• WASI Repl性能好目前依赖管理缺失
Anyway else ?
UTOO WASM
5. UTOO(玉兔)是什么
✅ 包管理器 utoo pmcnpm by rust
✅ 构建工具 utoo packmako next, based on turbopack
✅ Monoreponx like tool by rust
🚧 Lint🚧 Test
🚧 Formatter🚧 Deno
coming soon…
6. UTOO WASM
utoo pm + utoo pack
rustc + llvm
utoo.wasm
export RUSTFLAGS='-C target-feature=+atomics,+bulk-memory,+mutable-globals'
cargo build —target wasm32-unknown-unknown -Z build-std=panic_abort,std
浏览器环境:fs? thread? async runtime? 🈚
7. UTOO WASM - FS
JSNodejs like API
Rusttokio-fs-ext: tokio like API、Watcher
JSOPFS(Origin Private File System)
8. UTOO WASM - THREAD
V8 + Eventloop
Master Worker
postMessage
WASM (Atomics + ShareArrayBu er )
wasm
module
Spawn wasm thread
+
wasm
memory
V8 + Eventloop
WASM (Atomics + ShareArrayBu er )
onmessage
wasm.instantiate(module, memory)
Slave Worker
9. UTOO WASM - TOKIO
V8 + Eventloop✅ tokio::runtime❌ tokio::signal
WASM (tokio main)✅ tokio::io❌ tokio::net
✅ tokio::sync❌ tokio::process
V8 + Eventloop
WASM (tokio worker)
✅ tokio::task
✅ tokio::time
✅ tokio::fs(tokio-fs-ext)
10. UTOO WASM - PM
Link Protocol自定义软链协议
Pkg Shared同版本依赖复用
Resolver多 registry
reqwest网络请求
tokio-fs-ext依赖存储
11. UTOO WASM - PACK
utoo pack
turbopack
turbopack-ecmascriptturbopack-css
swclightningcss
turbopack-resolve
turbopack-coreturbo-tasks-fs
turbo-tasksutoo pm
tokiotokio-fs-ext
12. UTOO WASM - PACK
• 类 webpack 配置
13. Utoo WASM - 无服务器预览
Preview Iframe
Service Worker Proxy
OPFS
on(fetch, “html” | “js” | “css”)
dist/*
14. Utoo WASM - 完整工作流
15. UTOO WASM - @utoo/web
✅ 文件存储
✅ 依赖管理
✅ 多线程构建
开箱即用
✅ turbopack 增量引擎 ( build —watch)
✅ service worker 无服务器预览
🚧 tailwind、less、sass
🚧 HMR
16. UTOO WASM - 追赶 AI 的速度
dev start
dev update
build
@utoo/web
stackblitz webpack
17. UTOO WASM - 演示
https://utoo-repl.vercel.app/
18. https://github.com/utooland/utoo
Thanks