Skip to content

Demonstrates how to share libraries ("web dlls") between Microfrontends.

Notifications You must be signed in to change notification settings

nonblocking/mashroom-demo-shared-dll

Repository files navigation

Mashroom Demo Shared Web DLL

Demo for Mashroom Server that shows how to share vendor modules (e.g. React) between multiple Portal Apps (Microfrontends).

It uses the webpack DLL Plugin together with the globalResource mechanism of Mashroom Portal and the Mashroom DLL Webpack Plugin

Usage

  1. Setup

    npm run setup npm run build

  2. Install Mashroom Portal Quickstart

  3. Add the full path to the packages/ folder in this repo to pluginPackageFolders in config/development/mashroom.json

  4. Start the Portal and open http://localhost:5050/portal

  5. On any Portal page add the Apps Demo Shared DLL App 1 and Demo Shared DLL APP 2

You will see that the Buttons are numbered across the two apps since the use the same NumberedButton React component in the demo-ui-library component.

Also, you can see that the App bundles are really tiny, since they don't contain any vendor libraries:

Screenshot

About

Demonstrates how to share libraries ("web dlls") between Microfrontends.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages