/Knowledge/sources/honojs__hono/llms-full/webassembly-w-wasi-build--9688c3c536e9.md
WebAssembly (w/ WASI): Build - hono-docs
WebAssembly (w/ WASI): Build Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono.dev/llms full.txt 4 build Summary Since we'...
WebAssembly (w/ WASI): Build
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#4-build
Summary
Since we're using Rolldown (and it's configured to handle TypeScript compilation), we can use it to build and bundle: ::: code-group sh [npm] npx rolldown -c sh [yarn] yarn rolldown -c sh [pnpm] pnpm exec rolldown -c ...
Content
Since we're using Rolldown (and it's configured to handle TypeScript compilation), we can use it to build and bundle:
::: code-group
npx rolldown -c
yarn rolldown -c
pnpm exec rolldown -c
bun build --target=bun --outfile=dist/component.js ./src/component.ts
:::
::: info The bundling step is necessary because WebAssembly JS ecosystem tooling only currently supports a single JS file, and we'd like to include Hono along with related libraries.
For components with simpler requirements, bundlers are not necessary. :::
To build your WebAssembly component, use jco (and indirectly componentize-js):
::: code-group
npx jco componentize -w wit -o dist/component.wasm dist/component.js
yarn jco componentize -w wit -o dist/component.wasm dist/component.js
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#4-build",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / WebAssembly (w/ WASI) > 4. Build (1)",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 448,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "WebAssembly (w/ WASI): Build",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}
Kinic Wiki