The project is in low maintance now
Use WasmPack instead
Webpack Rust loader
Webpack loader for Rust
Example
add.rs
#[no_mangle]
pub fn add(a: i32, b: i32) -> i32 {
a + b
}
huge_crate/Cargo.toml
[lib]
crate-type = ["cdylib"] # important
huge_crate/src/lib.rs
fn its_magic_number(x: i32) -> bool {
x == 42
}
#[no_mangle]
pub fn plus_one(x: i32) -> i32 {
if its_magic_number(x) { 420 } else { x + 1 }
}
main.js
import add from "./add.rs"
import hugeCrate from "./huge_crate/Cargo.toml"
(async () => {
const add = await add.then(buf => WebAssembly.instantiate(buf))
const hugeCrate = await hugeCrate.then(buf => WebAssembly.instantiate(buf))
console.log(add.instance.exports.add(1, 2)) // 3
console.log(hugeCrate.instance.exports.plus_one(6)) // 7
console.log(hugeCrate.instance.exports.plus_one(42)) // 420
})()
Features
- Dont injects WASM to JS bundle, dynamic http fetching
.wasmfiles viafile-loader - Hot module replacement
Usage
- Prepare system
- Install nightly Rust:
rustup update nightly - Install rustc wasm target:
rustup target add wasm32-unknown-unknown --toolchain nightly - Install wasm-gc:
cargo install --git https://github.com/alexcrichton/wasm-gc --force
- Install nightly Rust:
- Configure Webpack
- Install
rust-loaderandfile-loader:yarn add rust-loader file-loader --dev - Use it in Webpack config:
rules: [ { test: /(\.rs$|Cargo.toml)/, loader: "rust-loader" }, { test: /\.wasm$/, loader: "file-loader", type: "javascript/auto" } ]
- Install
3 Oct 5, 2022
104 Nov 8, 2022
76 Dec 28, 2022
231 Jan 2, 2023
6 Dec 30, 2022
1 Apr 19, 2022
8 Nov 2, 2023
36 Jan 12, 2022
162 Nov 21, 2022
294 Dec 23, 2022
39 Mar 12, 2024
271 Dec 9, 2022
9 Dec 30, 2023
10 Feb 21, 2023
13 Jun 22, 2023
1k Jan 3, 2023
169 Nov 20, 2022
87 Oct 9, 2022
312 Oct 22, 2022