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
69 Jun 19, 2021