https://github.com/nonblocking/mashroom-demo-shared-dll
Demonstrates how to share libraries ("web dlls") between Microfrontends.
https://github.com/nonblocking/mashroom-demo-shared-dll
Last synced: 10 months ago
JSON representation
Demonstrates how to share libraries ("web dlls") between Microfrontends.
- Host: GitHub
- URL: https://github.com/nonblocking/mashroom-demo-shared-dll
- Owner: nonblocking
- Created: 2019-11-15T12:36:27.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-24T09:08:43.000Z (over 3 years ago)
- Last Synced: 2025-08-01T15:14:11.271Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 2.34 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mashroom Demo Shared Web DLL
Demo for [Mashroom Server](https://www.mashroom-server.com) that shows how to share vendor modules (e.g. React) between multiple
Portal Apps (Microfrontends).
It uses the *webpack* [DLL Plugin](https://webpack.js.org/plugins/dll-plugin) together with the *globalResource* mechanism
of *Mashroom Portal* and the [Mashroom DLL Webpack Plugin](https://github.com/nonblocking/mashroom-dll-webpack-plugin)
## Usage
1. Setup
npm run setup
npm run build
2. Install [Mashroom Portal Quickstart](https://github.com/nonblocking/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:
