Skip to main content
Version: 0.18.0

使用 wasm-pack

這個工具由 Rust / Wasm Working Group 開發,是建置 WebAssembly 應用程式中,社群最活躍的開發工具。他可以幫忙打包程式碼進 npm 的模組中,同時也有一個相應的 Webpack plugin 可以配合使用,並輕鬆跟已經存在的 JavaScript 應用程式整合。詳情請參考這裡

note

注意,使用 wasm-pack 時,Cargo.toml 的 crate-type 必須是 cdylib

Install#

cargo install wasm-pack

Build#

這個指令會編譯你的程式碼,並將編譯好的 WebAssembly 與用於啟動專案的 JavaScript wrapper,在 ./pkg 的資料夾中製作成一個 bundle。

wasm-pack build

Bundle#

有關更多 Rollup 的資訊,請參見這個指南

rollup ./main.js --format iife --file ./pkg/bundle.js

Serve#

你可以使用任何你喜歡的伺服器服務。這裡我們只示範用用簡易的 python 伺服器服務,在 http://[::1]:8000 啟動我們的專案。

python -m http.server 8000

支援目標平台#

  • wasm32-unknown-unknown