2

I want to use hashed remoteEntry in order to overcome cached remoteEntry.js issue in micro front ends apps. currentry I have used

filename: 'remoteEntry.[hash:16].js',

in my mfe webpack.config.js but dont know how to address it in my main app routing

const routes: Routes = [
  {
    path: '',
    component: MainRouteContainerComponent,
    children: [
      {
        path: '',
        loadChildren: () =>
          loadRemoteModule({
            remoteEntry: `${environment.Url}/remoteEntry.??????.js`,
            type: 'module',
            exposedModule: './Module',
          }).then((m) => m.RemoteEntryModule),
      },
    ],
  },
];

I also added this

new ExternalTemplateRemotesPlugin(),

into plugins section of mfe webpack.config.js

the way of using

ExternalTemplateRemotesPlugin

doesnt make any sense and obviously at build, main app is still looking for remoteEntry.js file instead of remoteEntry.xxxxxx.js. where I went wrong? and maybe better and more stragitforward solutions for cache issue (except no-cache)?

0 Answers0