-

web/webpack.config.js

@@ -1,5 +1,6 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { ModuleFederationPlugin } = require('webpack').container;
+const { getRemotesConfig } = require('./src/microfrontends.js');
 
 module.exports = {
   mode: 'development',
@@ -44,11 +45,7 @@ module.exports = {
   plugins: [
     new ModuleFederationPlugin({
       name: 'shell',
-      remotes: {
-        demo: 'demo@http://localhost:3001/remoteEntry.js',
-        kms: 'kms@http://localhost:3002/remoteEntry.js',
-        faas: 'faas@http://localhost:3003/remoteEntry.js',
-      },
+      remotes: getRemotesConfig(),
       shared: {
         react: {
           singleton: true,
@@ -86,4 +83,4 @@ module.exports = {
       template: './public/index.html',
     }),
   ],
-};
+};