wasm-bindgen + wasm-pack + webpack で フロントエンド - Qiita

色々やったら手数が多くてややこしかったので、現時点のセットアップをメモがてら記事に書くことにした。 想定読者は フロントエンドプログラマ or Rust プログラマ。両方詳しいことは想定していないので、それぞれで自明なこともみっちり書くことにした。 node/npm と rust/cargo (rustup) のセットアップは略。ググればいくらでも出てくるので… 概要 webpack: 静的アセットを生成するバンドラー ts-loader: webpack で .ts ファイルを typescript として読み込む loader。wasm-pack が typescript の型定義を生成するので、せっかくなので ts もセットアップする @wasm-tool/wasm-pack-plugin: webpack 内で wasm-pack で生成されるコードを読み込むもの html-web