Bundling WebAssembly modules with webpack

webpack is a static module bundler for modern JavaScript applications. So, what does it do?

You can consider webpack as an informal compiler for the frontend. webpack takes in an entry point of an application, slowly runs through the modules, and builds a dependency graph. The dependency graph holds all the modules. These modules are necessary for the application to run.

Once the dependency graph is built, webpack outputs one or more bundles. Webpack is very flexible, helping us to bundle or package JavaScript as we need it and the options are provided in the webpack configuration. Based on the provided options, webpack creates the output.

Well, that sounds simple, right?

It was that simple a few years ago when the only library that we needed was jQuery.

But due to JavaScript's rapid evolution, there are a lot of different things happening now. The underlying runtime is not the same. There are three different browser engines...