From c17877c59dc95cad0b41635b2a6ecb820a1d0a80 Mon Sep 17 00:00:00 2001 From: Valentin Semirulnik Date: Mon, 4 May 2020 14:28:17 +0300 Subject: [PATCH 1/2] fix filename for module federation --- .../website2/build/webpack.config.js/client.base.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 index f2e3de633fc..c13b3106806 100755 --- 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", }, From 7afdebaad69b2249446a42ad4ae134140a2a8440 Mon Sep 17 00:00:00 2001 From: Valentin Semirulnik Date: Mon, 4 May 2020 14:28:42 +0300 Subject: [PATCH 2/2] add interactive example into ssr example --- server-side-rendering/website1/src/components/App.js | 2 +- server-side-rendering/website2/src/components/SomeComponent.js | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/server-side-rendering/website1/src/components/App.js b/server-side-rendering/website1/src/components/App.js index d24a51a4b9a..e6cf32622f7 100755 --- 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 () => (
-

This is website 1

+

alert("website1 is interactive")}>This is website 1

); diff --git a/server-side-rendering/website2/src/components/SomeComponent.js b/server-side-rendering/website2/src/components/SomeComponent.js index cd2724105d2..9f127382ada 100644 --- 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