Importing emscripten generated JS file in webpack

[Aitha Tarun]

Normally I use script tag in html file to attach emscripten generated JS.

But how to import this emscripten (emcc) generated JS file in webpack.

I am using below command to build the javascript file:

emcc ./src/rfb.c -o ./src/js/rfb.js -sWASM=0 --pre-js ./src/js/pre.js -sEXPORTED_FUNCTIONS=_main,_malloc -sEXPORTED_RUNTIME_METHODS=FS,callMain,cwrap,wasmMemory -sASYNCIFY -O3 -sENVIRONMENT=web

And I have using directly import './js/rfb.js';

But Module object is not getting created when html file is opened in browser.

[Aitha Tarun]

I have also used -sMODULARIZE and exported the Module to webpack, but when using optimization of -O3 .mem file is being created, webpack is unable to load this .mem (memory initializer) file, any solution for this

[Lorenzo Portillo]

Hello,

I wrote a post about this some weeks ago. 

I recommend using .mjs modules, otherwise you will need to polyfill a lot of things in webpack.

Here the posts, I hope they are useful (second one is full focused on webpack but the guide is about programming Wasm module in Vusial Studio):

https://www.wasm.builders/khanon/building-a-c-wasm-module-in-visual-studio-57m7

https://www.wasm.builders/khanon/consuming-visual-studio-c-wasm-module-from-webpack-project-13p3

[Sam Clegg]

If you drop `-sWASM=0` when the `.mem` file will not be generated/used.  Do you need `-sWASM=0`?  

--
You received this message because you are subscribed to the Google Groups "emscripten-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to emscripten-disc...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/emscripten-discuss/cdad42f4-3b46-49c1-b422-d1b348e7e5e3n%40googlegroups.com.

[Aitha Tarun]

Yes, I don't want to create .wasm file, is there any alternative?

[Brion Vibber]

On Tue, Oct 25, 2022 at 2:42 PM Aitha Tarun <aitha...@gmail.com> wrote:

Yes, I don't want to create .wasm file, is there any alternative?

Setting `-sWASM=0` will create JavaScript for the compiled code instead of WebAssembly, and will generally perform worse. You may be interested instead in `-sSINGLE_FILE=1` which will embed the WebAssembly code and any other resources into the .js file as a string. This still uses WebAssembly, but avoids creating a separate file which needs to be copied and referenced appropriately.

-- brion

 

To view this discussion on the web visit https://groups.google.com/d/msgid/emscripten-discuss/4e2b8b86-6811-4801-8ad6-eedaf1a5d674n%40googlegroups.com.

[Aitha Tarun]

Thanks,

It worked with the -sSINGLE_FILE=1 option I am able to achieve O3 optimization without creating any wasm and mem files.

And with -sMODULARIZE option I am able to export the Module object and use that in webpack.

Thanks, guys.