webpack.config.js

const { ModifyEntryPlugin } = require('@angular-architects/module-federation/src/utils/modify-entry-plugin')
const { share, withModuleFederationPlugin } = require('@angular-architects/module-federation/webpack')

const config = withModuleFederationPlugin({
  name: 'product-store-ui',
  filename: 'remoteEntry.js',
  exposes: {
    './ProductStoreMgmtModule': 'src/app/product-store-remote.module.ts'
  },
  shared: share({
    '@angular/core': { singleton: true, strictVersion: true, requiredVersion: 'auto' },
    '@angular/forms': {
      singleton: true,
      strictVersion: true,
      requiredVersion: 'auto',
      includeSecondaries: true,
      eager: false
    },
    '@angular/common': {
      singleton: true,
      strictVersion: true,
      requiredVersion: 'auto',
      includeSecondaries: {
        skip: ['@angular/common/http/testing']
      }
    },
    '@angular/common/http': {
      singleton: true,
      strictVersion: true,
      requiredVersion: 'auto',
      includeSecondaries: true
    },
    '@angular/router': { singleton: true, strictVersion: true, requiredVersion: 'auto', includeSecondaries: true },
    rxjs: { singleton: true, strictVersion: true, requiredVersion: 'auto', includeSecondaries: true },
    '@ngx-translate/core': { singleton: true, strictVersion: false, requiredVersion: '^14.0.0' },
    '@onecx/portal-integration-angular': {
      singleton: true,
      requiredVersion: 'auto'
    },
    '@onecx/keycloak-auth': {
      singleton: true,
      requiredVersion: 'auto'
    }
  }),
  sharedMappings: ['@onecx/portal-integration-angular']
})
config.devServer = {
  allowedHosts: 'all'
}

const plugins = config.plugins.filter((plugin) => !(plugin instanceof ModifyEntryPlugin))

module.exports = {
  ...config,
  plugins
}