Fix ssr example (#18)

* fix filename for module federation * add interactive example into ssr example
module-federation · May 4, 2020 · cf2d070 · cf2d070
1 parent ee554dd
commit cf2d070
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/server-side-rendering/website1/src/components/App.js b/server-side-rendering/website1/src/components/App.js
@@ -3,7 +3,7 @@ import React from "react";
 import SomeComponent from "website2/SomeComponent";
 export default () => (
   <div>
-    <h1>This is website 1</h1>
+    <h1 onClick={() => alert("website1 is interactive")}>This is website 1</h1>
     <SomeComponent />
   </div>
 );
diff --git a/server-side-rendering/website2/build/webpack.config.js/client.base.js b/server-side-rendering/website2/build/webpack.config.js/client.base.js
@@ -20,7 +20,7 @@ module.exports = merge.smart(common, {
     new ModuleFederationPlugin({
       name: "website2",
       library: { type: "var", name: "website2" },
-      filename: "src/index.js",
+      filename: "container.js",
       exposes: {
         SomeComponent: "./src/components/SomeComponent",
       },

diff --git a/server-side-rendering/website2/src/components/SomeComponent.js b/server-side-rendering/website2/src/components/SomeComponent.js
@@ -8,6 +8,7 @@ const SomeComponent = () => (
       border: "1px solid black",
       backgroundColor: "#ccc",
     }}
+    onClick={() => alert("website2 is interactive")}
   >
     Header
   </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,7 @@ const SomeComponent = () => ( @@
           border: "1px solid black",
           backgroundColor: "#ccc",
         }}
+        onClick={() => alert("website2 is interactive")}
       >
         Header
       </div>
@@ Expand Down @@