rollup-wasm-pack-import v2.0.0

rollup-wasm-pack-import (Rollup plugin)

This plugin allows you to use WebAssembly built with wasm-pack in rollup. (+ This also works with (service)workers)

Requirements

• A npm module (or external) built with wasm-pack. (it has to be built with target web)
• Rollup + config

Installation

npm install --save-dev rollup-wasm-pack-import

Usage

rollup.config.js

import wasmImport from 'rollup-wasm-pack-import';

{
    plugins: [        
        wasmImport({            
            copy: true,
            serverPath: '/',
            mapping: {
                'my-wasm-module': 'my-wasm.wasm'
            }
        })
        ...
    ]
}

Options:

Options object to configure wasm-pack-import.

Your JS Code

Based on the current state of WebAssembly they need to be loaded async.

// if its installed via npm
// if you are using a local directory built with wasm-pack, you can reference to '<relative-path>/pkg' (keep in mind to use the module name for options.mapping)
import * as wasm from 'my-wasm-module';

async function load() {
    // initialize the web assembly
    await wasm.default();
    console.log(wasm);
    // <your wasm code>
};
load();

Changes

Version 2.0.0:

• changed: The plugin is taking the name from the "wasm-pack" built module (package.json) and the name of the wasm file aswell to check against the mapping key.
• added: added a new option serverPath

Hint

I wrote this plugin for my personal specific prototypíng use case. This means if you have slightly differnt requirements this plugin should be more like an inspiration which you can use and adapt. (currently there are no error check / tests its more like a poc). I am looking forward for a pull request with a cleaned version. :)