MFE-OL MicroFrontEnd Module for Tethys Dash

Strategies

Magic Comments for dynamic import

https://javascript.plainenglish.io/how-webpack-handles-dynamic-imports-with-variable-paths-9c598a2aa4e3

Wish List

• Need to make the controllers optional: Toggle Layers, and Legend
• Need to allow for multi legend (different services)
• Need to allow to separate the base layer from the other layers

TroubleShooting

Common Errors

Webpack not loading the shared module on the ModuleFederation plugin

_Uncaught Error: Shared module is not available for eager consumption: webpack/sharing/consume/default/react/react_

Links

• Docs

Some Useful Examples

• Article
• Github