Esm

Use the toolbar load/unload button to load/unload the module.

This example shows how to handle module dependencies.

Example location: https://github.com/genesys/modkit-loader/tree/master/examples/esm

The UMD sample is added as a module dependency, and it will loaded just before this one.

// The module dependency is required automatically, you can then get it like this
const umdModule = Modkit.getModule('umd'); // umd is the module name
const esmModule = Modkit.getModule('esm'); // esm is the module name
// The UMD sample exports a UmdView variable, that stores the module view, this is given to the esm module
esmModule.mod.load({ Vue, umdView: umdModule.mod.UmdView });

When loaded, it adds the UMD View on top right of the page, along with a new Genesys badge.