44 lines (27 loc) · 1.26 KB

@angular-architects/module-federation

Seamlessly using Webpack Module Federation with the Angular CLI.

Thanks

Big thanks to the following people who helped to make this possible:

Tobias Koppers, Founder of Webpack
Dmitriy Shekhovtsov, Angular GDE

Prequisites

Angular CLI 11 (currently BETA)

Usage

ng add @angular-architects/module-federation
Adjust the generated webpack.config.js file
Repeat this for further projects in your workspace (if needed)

Notes for CLI 11 BETA (next.XY)

You need to use yarn b/c it allows to override dependencies
- Existing Projects: ng config -g cli.packageManager yarn
- New Projects: ng new workspace-name --packageManager yarn
Add this to your package.json (e. g. before the dependencies section) to force the CLI into webpack 5:
```
"resolutions": {
    "webpack": "5.0.0"
},
```
Run yarn to install all packages

Example

See https://github.com/manfredsteyer/module-federation-plugin-example

More Details

Have a look at this article series about Module Federation