4.Utoo WASM：AI 时代的极速研发套件-无玄.pdf

1、UTOO WASMAI 时代的极速研发套件蚂蚁终端体验科技大会徐少东（无玄）Vibe Coding 工程难题基本架构IDEPreview模版库AI Chatbox存储依赖构建产物托管Vibe Coding 工程难题10s 写完代码！如何预览？部署上线花了 10 分钟？传统前端工程链路玩不转了Vibe Coding 工程解法？webpack in webcontainer兼容性好 VM backend易实现，兼容性好 ESM bundless前沿技术WASI Repl 服务器成本、通信延迟依赖拓扑、HMR 缺陷、落地困境性能差、无持久存储性能好目前依赖管理缺失 Anyway else?UTOO

2、WASMUTOO（玉兔）是什么 包管理器 utoo pm 构建工具 utoo pack Lint Formatter Test Monorepocnpm by rust mako next,based on turbopack Denonx like tool by rustcoming soonUTOO WASMexport RUSTFLAGS=-C target-feature=+atomics,+bulk-memory,+mutable-globals cargo build target wasm32-unknown-unknown-Z build-std=panic_abort,st

3、dutoo pm+utoo packrustc+llvm utoo.wasm浏览器环境：fs?thread?async runtime?UTOO WASM-FSOPFS（Origin Private File System）tokio-fs-ext:tokio like API、WatcherNodejs like APIJSRustJSUTOO WASM-THREADV8+EventloopWASM(Atomics+ShareArrayBuffer)Spawn wasm threadMaster WorkerSlave WorkerpostMessageonmessage V8+Eventl

4、oopWASM(Atomics+ShareArrayBuffer)wasm modulewasm memorywasm.instantiate(module,memory)+UTOO WASM-TOKIOV8+EventloopWASM(tokio main)V8+EventloopWASM(tokio worker)tokio:io tokio:sync tokio:task tokio:time tokio:runtime tokio:fs(tokio-fs-ext)tokio:signal tokio:net tokio:processUTOO WASM-PMreqwest 网络请求Re

5、solver 多 registryLink Protocol 自定义软链协议Pkg Shared 同版本依赖复用tokio-fs-ext 依赖存储UTOO WASM-PACKturbo-tasksturbopack-coreturbopack-ecmascriptturbopack-cssswclightningcssturbopack-resolveturbopackutoo packturbo-tasks-fstokioutoo pmtokio-fs-extUTOO WASM-PACK类 webpack 配置Utoo WASM-无服务器预览Preview IframeService Worker ProxyOPFSon(fetch,“html”|“js”|“css”)dist/*Utoo WASM-完整工作流UTOO WASM-utoo/web 文件存储 多线程构建 turbopack 增量引擎(build watch)tailwind、less、sass service worker 无服务器预览 HMR开箱即用 依赖管理UTOO WASM-追赶 AI 的速度dev startdev updatebuildutoo/webstackblitz webpackUTOO WASM-演示https:/utoo-repl.verce