This example shows how the --target web
flag can be used load code in a browser directly. For this deployment strategy bundlers like Webpack are not required. For more information on deployment see the dedicated documentation.
First let‘s take a look at the code and see how when we’re using --target web
we're not actually losing any functionality!
{{#include ../../../examples/without-a-bundler/src/lib.rs}}
Otherwise the rest of the deployment magic happens in index.html
:
{{#include ../../../examples/without-a-bundler/index.html}}
And that's it! Be sure to read up on the deployment options to see what it means to deploy without a bundler.
--target no-modules
The older version of using wasm-bindgen
without a bundler is to use the --target no-modules
flag to the wasm-bindgen
CLI.
While similar to the newer --target web
, the --target no-modules
flag has a few caveats:
With that in mind the main difference is how the wasm/JS code is loaded, and here's an example of loading the output of wasm-pack
for the same module as above.
{{#include ../../../examples/without-a-bundler-no-modules/index.html}}