14.3.0

14.3.0 - Angular 14 Support & More

Update

This library supports ng update:

ng update @angular-architects/module-federation

If you update by hand (e. g. via npm install), make sure you also install a respective version of ngx-build-plus (version 14 for Angular 14, version 13 for Angular 13, etc.)

Breaking Changes

• shareAll now uses the DEFAULT_SKIP_LIST by default.

Features

• add withModuleFederationPlugin to simplify the generated (ca26aeb)
• mf-runtime: load remotes in parallel (5615917)
• mf-runtime: supporting mf manifests (64ec2dc)
• mf: add support for eager and pinned (623837c)
• mf: add type option to ng-add (c57d87f)
• mf: dev-server (run:all) accepts project names via command line args (b765515)
• mf: respect APF v14 for discovering secondaries (00344c2)

Documentation

• update readme and tutorial for v14.3 (fbdb463)

14.2.0

• fix: Use "number" for port parameter during init #147
• feature: new appType makes bootstrap helper automatically call shareNgZone or connectRouter. No need to call it in the AppComponent by hand. See usage in the updated readme

14.1.1

• fix: install ngx-build-plus via schematic to avoid issues with yarn (commit)

14.1.0

• feat: connectRouter: add query params support #119
• feat: provide DEFAULT_SKIP_LIST constant for shareAll
• fix: also update local tsconfig.app.json if target doesn't fit
• fix: Property 'port' does not match the schema. '3000' should be a 'number #132
• docs: typo in readme and adjust typing of shareAll #117
• security: update node-fetch

Version 14

Updated for Angular CLI 13.1

• Important: Use CLI 13.1

• Details for Migration and API changes:
  https://github.com/angular-architects/module-federation-plugin/blob/main/migration-guide.md

12.5.0

Nx Support

ng add now uses Nx builders for Nx workspaces. To detect if an Nx workspace is used, the schematics basically look out for an nx.json. You can also control this behavior by hand using the --nx-builders switch now supported by ng add (e. g. --nx-builders false).

Testing

The ng add schematic is not changing the test config in your angular.json anymore to prevent issues with eager bundles and webpack module federation.

Consequences:

• Remotes: No issue
• Hosts: Should be tested with E2E tests

Share Helper

see https://www.npmjs.com/package/@angular-architects/module-federation#share-helper

Shared Libs and Dynamic MF

• Support for sharing libs of a monorepo
• Support for dynamic Module Federation
• Updated docs and tutorial showcasing the above-mentioned new features
• Generating smarter webpack configuration
  • Proposes all other projects as remotes in comments. Just keep the lines you need.
  • Moves main.ts to bootstrap.ts and creates a new main.ts dynamically importing bootstrap.ts

Angular CLI 11

• Tested with Angular 11 and Angular CLI 11 (final)
• Generating better webpack.config.js
  • Skipping unneeded parts
  • Defining shared Angular libs as singletons