nice

faas/web/webpack.config.js

@@ -1,22 +1,16 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { ModuleFederationPlugin } = require('webpack').container;
+const webpack = require('webpack');
 
 module.exports = {
   mode: 'development',
   entry: './src/index.tsx',
   devServer: {
     port: 3003,
-    historyApiFallback: true,
-    static: {
-      directory: './public',
-    },
     headers: {
       'Access-Control-Allow-Origin': '*',
     },
   },
-  output: {
-    publicPath: 'auto',
-  },
   resolve: {
     extensions: ['.tsx', '.ts', '.js', '.jsx'],
   },
@@ -46,43 +40,46 @@ module.exports = {
       name: 'faas',
       filename: 'remoteEntry.js',
       exposes: {
-        './FaaSApp': './src/App',
+        './App': './src/App.tsx',
       },
       shared: {
         react: {
           singleton: true,
           requiredVersion: '^18.2.0',
-          eager: true,
+          eager: false,
         },
         'react-dom': {
           singleton: true,
           requiredVersion: '^18.2.0',
-          eager: true,
+          eager: false,
         },
         '@mantine/core': {
           singleton: true,
           requiredVersion: '^7.0.0',
-          eager: true,
+          eager: false,
         },
         '@mantine/hooks': {
           singleton: true,
           requiredVersion: '^7.0.0',
-          eager: true,
+          eager: false,
         },
         '@mantine/notifications': {
           singleton: true,
           requiredVersion: '^7.0.0',
-          eager: true,
+          eager: false,
         },
         '@tabler/icons-react': {
           singleton: true,
           requiredVersion: '^2.40.0',
-          eager: true,
+          eager: false,
         },
       },
     }),
     new HtmlWebpackPlugin({
       template: './public/index.html',
     }),
+    new webpack.DefinePlugin({
+      'process.env': JSON.stringify(process.env),
+    }),
   ],
 };