wasm-pack を使う
🦀

wasm-pack を使う

#Rust#Vue#Web-Assembly

By jiyuujin at

wasm-pack を使う前にしたごしらえ。

curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh
cargo install cargo-generate
cargo generate --git https://github.com/rustwasm/wasm-pack-template

ビルドを行う

--target を付けてビルドすることで、JavaScript ファイルを吐き出してくれる。逆に --target を付けなければ、webpack に対応する形式で吐き出してくれる。

wasm-pack build --target web

Webサーバを立てる

今回 index.html の中で Vue (CDN) を利用して、前者 Web 版としてこの成果物を扱う。

npx live-server .

最後に、

リポジトリを公開したので、参考になれば幸いです。