Open3
Vercelでwasm-packを使ってRust wasmをビルドする
Ryohei Ikegamiやりたいこと
ReactとRust Wasmを使ったプロジェクトを作っていて、これをVercel上にデプロイしたい。
- ReactアプリはVite 3で構築されている
- wasm-pack を使ってRustをwasmにビルドしている
Ryohei Ikegamiこちらの記事が参考になった。
Rustとwasm-packをインストールするカスタムのビルドスクリプトを書いて、vercel.json でそれを実行するように設定する。
vercel.json
{
"buildCommand": "bash vercel-build.sh"
}
vercel-build.sh
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
source "$HOME/.cargo/env"
curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y
npm run build
package.json
{
"scripts": {
"build": "run-s build:wasm build:js",
"build:js": "tsc && vite build",
"build:wasm": "cd wasm && wasm-pack build --target web --release",
// ...
},
// ...
}
できた。
