参考

CRXJS Vite Pluginを使って爆速でChrome拡張機能を作るチュートリアル(V3対応) - classmethod Rustなし crxjs vite-pluginについて
WebAssembly を Rust でつくり、JavaScript でつかう
React+TypeScript+Rust(WebAssembly)でChrome拡張機能を作ってみる - Zenn

oratake commented 1 year ago

rustup target add wasm32-unknown-unknown

unknown-unknownの解説(chatGPT)

wasm32-unknown-unknownというターゲットは、WebAssemblyバイナリを生成するためのRustのターゲットトリプルの一つです。このターゲットトリプルは、以下のような構成になっています。

wasm32：WebAssemblyアーキテクチャを指定する
unknown：ホストオペレーティングシステムが不明であることを指定する。RustコンパイラがWebAssemblyバイナリを生成するために必要なのは、ホストオペレーティングシステムに依存しないWebAssemblyバイナリであるため、この部分はunknownと指定されます。
unknown：Cライブラリが不要であることを指定する。WebAssemblyは、標準Cライブラリを持たないため、この部分もunknownと指定されます。

つまり、wasm32-unknown-unknownというターゲットトリプルは、WebAssemblyアーキテクチャで動作するバイナリを生成するために、Cライブラリを必要とせず、特定のホストオペレーティングシステムに依存しないことを表しています。

oratake commented 1 year ago

wasm-packのビルド時のエラー

これでビルドが止まってた

warning: be sure to add `/home/takenaka/.cache/.wasm-pack/.wasm-bindgen-cargo-install-0.2.85/bin` to your
 PATH to be able to run the installed binaries                                                           
Error: failed to download from https://github.com/WebAssembly/binaryen/releases/download/version_111/bina
ryen-version_111-x86_64-linux.tar.gz                                                                     
To disable `wasm-opt`, add `wasm-opt = false` to your package metadata in your `Cargo.toml`.
Caused by: failed to download from https://github.com/WebAssembly/binaryen/releases/download/version_111/
binaryen-version_111-x86_64-linux.tar.gz                                                                 
To disable `wasm-opt`, add `wasm-opt = false` to your package metadata in your `Cargo.toml`.

Cargo.toml に追加 293fec4

[package.metadata.wasm-pack.profile.release]
wasm-opt = false

oratake commented 1 year ago

wasmをnpm linkしてよませるところ参考 https://qiita.com/kamykn/items/371cba5487d3c7cea8aa

oratake / chrome-extension-test

wasmの練習 #1

参考

wasm-packのビルド時のエラー