const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");

const mf = require('@angular-architects/module-federation/webpack');
const sharedMappings = new mf.SharedMappings();
const share = mf.share;

module.exports = {
    output: {
        publicPath: "auto",
        uniqueName: "jobs",
        scriptType: 'text/javascript'
    },
    optimization: {
        // Only needed to bypass a temporary bug
        runtimeChunk: false
    },
    plugins: [
        new ModuleFederationPlugin({

                // For remotes (please adjust)
                name: "jobs",
                filename: "remoteEntry.js",
                library: { type: "var", name: "jobs" },
                exposes: {'web-components': 'projects/mfe/src/bootstrap.ts'},

                shared: {...sharedMappings.getDescriptors()}
        }),
        sharedMappings.getPlugin(),
    ],
};

import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';

import {AppModule} from './app/app.module';
import {environment} from './environments/environment';
import {canStartServiceWorker} from './app/utils/service-worker-utils';

import { bootstrap } from '@angular-architects/module-federation-tools';

if (environment.production) {
    enableProdMode();
}

bootstrap(AppModule, {
    production: environment.production,
    appType: 'microfrontend',
    compilerOptions: {
        ngZone: (window as any).ngZone
    }
});

...
export class AppModule {
    constructor(
        private injector: Injector,
        private ngZone: NgZone,
        private router: Router
    ) {
        ngZone.run(() => {
            (window as any).ngZone = ngZone;
        });
    }

    ngDoBootstrap(): void {
        const ce = createCustomElement(AppComponent, {injector: this.injector});
        customElements.define('jobs-element', ce);
        this.router.setUpLocationChangeListener();
    }
}