fix: dashboard example (#688)

Author: lili21

dashboard-example/app1/package.json

@@ -14,8 +14,8 @@
     "@module-federation/dashboard-plugin": "2.1.0"
   },
   "scripts": {
-    "start": "node --inspect ../../node_modules/webpack-dev-server/bin/webpack-dev-server.js",
-    "build": "node ../../node_modules/webpack/bin/webpack.js --mode production",
+    "start": "webpack-cli serve",
+    "build": "webpack --mode production",
     "serve": "serve dist -p 3001",
     "clean": "rm -rf dist"
   },

dashboard-example/app1/src/index.js

@@ -1,5 +1 @@
-import App from "./App";
-import React from "react";
-import ReactDOM from "react-dom";
-
-ReactDOM.render(<App />, document.getElementById("root"));
+import('./bootstrap');

dashboard-example/app1/webpack.config.js

@@ -34,7 +34,7 @@ module.exports = {
         app2: "app2@http://localhost:3002/remoteEntry.js",
       },
       exposes: {
-        Button: "./src/Button",
+        "./Button": "./src/Button",
       },
       // sharing code based on the installed version, to allow for multiple vendors with different versions
       shared: require("./package.json").dependencies,

dashboard-example/app2/src/index.js

@@ -1,5 +1 @@
-import App from "./App";
-import React from "react";
-import ReactDOM from "react-dom";
-
-ReactDOM.render(<App />, document.getElementById("root"));
+import('./bootstrap');

dashboard-example/app2/webpack.config.js

@@ -38,7 +38,7 @@ module.exports = {
         app1: "app1@http://localhost:3001/remoteEntry.js",
       },
       exposes: {
-        Button: "./src/Button",
+        "./Button": "./src/Button",
       },
       shared: sharedReduce,
     }),