Enable async startup for rspack interop apps

Author: ScriptedAlchemy

rspack-webpack-interop/app-01/rspack.config.js

@@ -57,6 +57,9 @@ module.exports = {
         './SideNav': './src/SideNav',
         './Page': './src/Page',
       },
+      experiments: {
+        asyncStartup: true,
+      },
       shared: {
         ...deps,
         '@material-ui/core': {

rspack-webpack-interop/app-01/src/index.jsx

@@ -1,2 +1,2 @@
 console.log(__webpack_require__.federation);
-import('./bootstrap');
+import './bootstrap';

rspack-webpack-interop/app-01/webpack.config.js

@@ -58,6 +58,9 @@ module.exports = {
         './SideNav': './src/SideNav',
         './Page': './src/Page',
       },
+      experiments: {
+        asyncStartup: true,
+      },
       shared: {
         ...deps,
         '@material-ui/core': {

rspack-webpack-interop/app-02/package.json

@@ -13,9 +13,9 @@
     "serve": "^14.2.1",
     "webpack": "5.101.0",
     "webpack-cli": "^5.1.4",
-    "@rspack/core": "1.4.11",
-    "@rspack/cli": "1.4.11",
-    "@rspack/dev-server": "1.1.3"
+    "@rspack/core": "npm:@rspack-canary/[email protected]",
+    "@rspack/cli": "npm:@rspack-canary/[email protected]",
+    "@rspack/dev-server": "npm:@rspack-canary/[email protected]"
   },
   "scripts": {
     "build": "cross-env NODE_ENV=production rspack build --mode production",
@@ -27,4 +27,4 @@
     "serve": "serve dist -p 3002",
     "clean": "rm -rf dist"
   }
-}
+}

rspack-webpack-interop/app-02/rspack.config.js

@@ -53,6 +53,9 @@ module.exports = {
         './Dialog': './src/Dialog',
         './Tabs': './src/Tabs',
       },
+      experiments: {
+        asyncStartup: true,
+      },
       shared: {
         ...deps,
         '@material-ui/core': {

rspack-webpack-interop/app-02/src/index.js

@@ -1 +1 @@
-import('./bootstrap');
+import './bootstrap';