-

demo/webpack.config.js

@@ -1,6 +1,9 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { ModuleFederationPlugin } = require('webpack').container;
 
+// Import the microfrontends registry
+const { getExposesConfig } = require('../web/src/microfrontends.js');
+
 module.exports = {
   mode: 'development',
   entry: './src/index.tsx',
@@ -38,9 +41,7 @@ module.exports = {
     new ModuleFederationPlugin({
       name: 'demo',
       filename: 'remoteEntry.js',
-      exposes: {
-        './App': './src/App.tsx',
-      },
+      exposes: getExposesConfig('demo'),
       shared: {
         react: {
           singleton: true,
@@ -73,4 +74,4 @@ module.exports = {
       template: './public/index.html',
     }),
   ],
-};
+};