webpack.config.cjs

const webpack = require("webpack");
const ModuleFederationPlugin = webpack.container.ModuleFederationPlugin;
const mf = require("@angular-architects/module-federation/webpack");
const path = require("path");
const share = mf.share;

const sharedMappings = new mf.SharedMappings();
sharedMappings.register(
  path.join(__dirname, 'tsconfig.json'),
  [/* mapped paths to share */]);

module.exports = {
  output: {
    publicPath: "auto"
  },
  optimization: {
    runtimeChunk: false
  },
  resolve: {
    alias: {
      ...sharedMappings.getAliases(),
    }
  },
  experiments: {
    outputModule: true
  }, 
  plugins: [
    new ModuleFederationPlugin({
        library: { type: "module" },

        // For remotes (please adjust)
        name: "todoTxtWebUi",
        filename: "remoteEntry.js",
        exposes: {
            './Module': './src/app/todo-txt-web-ui/todo-txt-web-ui.module.ts',
            './loadRemote': './src/loadRemote.ts'
        },        
        
        shared: share({
          "@angular/core": { requiredVersion: 'auto' }, 
          "@angular/common": { requiredVersion: 'auto' }, 
          "@angular/common/http": { requiredVersion: 'auto' }, 
          "@angular/router": { requiredVersion: 'auto' },

          ...sharedMappings.getDescriptors()
        })
        
    }),
    sharedMappings.getPlugin()
  ],
};