rust-wasmpack-loader

v3.0.2

Published

3 months ago

wasm Webpack loader for .rs (Rust) resources. Boost your Webpack-powered projects with native WebAssembly support using the 'rust-wasmpack-loader'. This powerful loader enables seamless integration of Rust resources, unlocking high-performance capabilitie

Downloads

290

0High
0Medium
0Low

yeskiy

RUST RS Webpack loader wasm WebAssembly Rust Rust programming language Rust WebAssembly Rust Webpack loader Rust loader for Webpack WebAssembly WebAssembly loader WebAssembly support Webpack Webpack loader Webpack plugin Rust resources Rust integration Native WebAssembly High-performance web applications Optimized Webpack builds Frontend development Backend development Rust ecosystem rust wasm load file wasm-loader rust wasm-pack rust wasm library rust wasm example rustwasm github rust wasm starter rust wasm cdylib rust wasm use cases rust wasm course rust load wasm rust wasm nodejs rust wasm size How do you convert Rust to wasm?What is the wasm-Bindgen feature?What is Rust WebAssembly?webpack wasm loader webpack wasm file-loader webpack wasm example webpack loader not working webpack style loader not working wasm examples How do I load Wasm into webpack?What is a webpack loader?Is WebAssembly actually faster?How do I use multiple loaders in webpack?webpack wasm asyncwebassembly webpack 5 wasm webpack asyncwebassembly rust wasm webpack webpack wasm example error: 'entryoptions.layer' is only allowed when 'experiments.layers' is enabled webpack assemblyscript rust webpack rust webpack alternative react webpack loader rust webassembly react How do I load Wasm into Webpack?

Rust Wasm-pack Loader

Native wasm Webpack loader for .rs (Rust) resources

Works with webpack ^5.0.0

Works fine with web and node (node-async) targets

Dynamically finds the Cargo.toml file for building the wasm source. Provides the ability to use both wasm_bindgen and regular functions. Allows you to use the standard import of a .rs file in a .js or .ts file without any headache

Installation

Please be sure, that cargo and rustup are installed

Install rust-wasmpack-loader with npm

  npm i rust-wasmpack-loader

Or install into Dev dependencies

  npm i --save-dev rust-wasmpack-loader

Usage

Add .rs rule to webpack config

// webpack.config.js

module.exports = {
    // ...
    module: {
        // ...
        rules: [
            // ...
            {
                test: /\.rs$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: "rust-wasmpack-loader",
                    },
                ],
            },
        ]
    }
}

Also, create Cargo.toml file (in root or in folder, where you want to create .rs file)

# Cargo.toml

[package]
name = "wasm-fibonacci-test"
version = "0.1.0"
authors = ["Yehor Brodskiy"]

[lib]
crate-type = ["cdylib"]

[dependencies]
wasm-bindgen = "0.2.73"

Options

| parameter | type | default | description | |-----------------------:|:---------------:|:-------:|:----------------------------------------------------------------------------| | web | object | | options, which used for web target | | node | object | | options, which used for node target | | web.asyncLoading | boolean | false | enables load .wasm file asynchronously, instead of bundling in .js file | | web.wasmPathModifier | array<string> | ["/"] | rewrite wasm requestPath, if wrong publicPath used | | web.publicPath | boolean | true | use webpack PublicPath | | node.bundle | boolean | false | Bundle .wasm file in .js file (additional .wasm file will not create) | | logLevel | string | info | Log Level (verbose, info, warn, error, quiet) |

Examples

Check the example folder for a better understanding of how the loader works

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started.

Acknowledgements

License

MIT

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme