Recipe Wasm

pnpm add -D rolldown-plugin-wasm

import { wasm } from 'rolldown-plugin-wasm'
import { defineConfig } from 'tsdown'

export default defineConfig({
  entry: ['./src/index.ts'],
  plugins: [wasm()],
})

{
  "compilerOptions": {
    "types": ["rolldown-plugin-wasm/types"]
  }
}

import { add } from './add.wasm'
add(1, 2)

import init from './add.wasm?init'
const instance = await init(imports) // imports optional
instance.exports.add(1, 2)

import initSync from './add.wasm?init&sync'
const instance = initSync(imports) // imports optional
instance.exports.add(1, 2)

import { add } from 'some-pkg'
add(1, 2)

import { readFile } from 'node:fs/promises'
import init, { add } from 'some-pkg'
import wasmUrl from 'some-pkg/add_bg.wasm?url'

await init({
  module_or_path: readFile(new URL(wasmUrl, import.meta.url)),
})
add(1, 2)

import init, { add } from 'some-pkg/add.js'
import wasmUrl from 'some-pkg/add_bg.wasm?url'

await init({ module_or_path: wasmUrl })
add(1, 2)

wasm({
  maxFileSize: 14 * 1024, // Max size for inline (default: 14KB)
  fileName: '[hash][extname]', // Output file name pattern
  targetEnv: 'auto',      // 'auto' | 'auto-inline' | 'browser' | 'node'
})