async startup

Author: ScriptedAlchemy

comprehensive-demo-react18/app-01/package.json

@@ -17,7 +17,7 @@
     "react-dom": "18.3.1",
     "react-router-dom": "^5.1.2",
     "serve": "^14.2.1",
-    "webpack": "5.92.1",
+    "webpack": "git+https://github.com/ScriptedAlchemy/webpack.git#mf-chunk-startup",
     "webpack-cli": "^5.1.4"
   },
   "scripts": {
@@ -33,6 +33,7 @@
   "devDependencies": {
     "@module-federation/enhanced": "0.2.5",
     "@module-federation/runtime": "0.2.5",
+    "@module-federation/manifest": "0.2.5",
     "@module-federation/sdk": "0.2.5",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "@rspack/plugin-react-refresh": "0.7.5",

comprehensive-demo-react18/app-01/webpack.config.js

@@ -1,4 +1,5 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const StartupChunkDependenciesPlugin = require("webpack/lib/runtime/MfStartupChunkDependenciesPlugin");
 const { ModuleFederationPlugin } = require('@module-federation/enhanced');
 const { RsdoctorWebpackPlugin } = require('@rsdoctor/webpack-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
@@ -95,6 +96,9 @@ module.exports = {
         },
       },
     }),
+    new StartupChunkDependenciesPlugin({
+      asyncChunkLoading: true
+    }),
     new HtmlWebpackPlugin({
       template: './public/index.html',
     }),