Add support for module federation

packages/react-scripts/config/paths.js

@@ -72,6 +72,7 @@ module.exports = {
   appJsConfig: resolveApp('jsconfig.json'),
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveModule(resolveApp, 'src/setupTests'),
+  mfSetup: resolveApp('src/setupModuleFederation.js'),
   proxySetup: resolveApp('src/setupProxy.js'),
   appNodeModules: resolveApp('node_modules'),
   appWebpackCache: resolveApp('node_modules/.cache'),
@@ -97,6 +98,7 @@ module.exports = {
   appJsConfig: resolveApp('jsconfig.json'),
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveModule(resolveApp, 'src/setupTests'),
+  mfSetup: resolveApp('src/setupModuleFederation.js'),
   proxySetup: resolveApp('src/setupProxy.js'),
   appNodeModules: resolveApp('node_modules'),
   appWebpackCache: resolveApp('node_modules/.cache'),
@@ -135,6 +137,7 @@ if (
     appJsConfig: resolveOwn(`${templatePath}/jsconfig.json`),
     yarnLockFile: resolveOwn(`${templatePath}/yarn.lock`),
     testsSetup: resolveModule(resolveOwn, `${templatePath}/src/setupTests`),
+    mfSetup: resolveApp('src/setupModuleFederation.js'),
     proxySetup: resolveOwn(`${templatePath}/src/setupProxy.js`),
     appNodeModules: resolveOwn('node_modules'),
     appWebpackCache: resolveOwn('node_modules/.cache'),

packages/react-scripts/config/webpack.config.js

@@ -229,7 +229,7 @@ module.exports = function (webpackEnv) {
       // webpack uses `publicPath` to determine where the app is being served from.
       // It requires a trailing slash, or the file assets will get an incorrect path.
       // We inferred the "public path" (such as / or /my-project) from homepage.
-      publicPath: paths.publicUrlOrPath,
+      publicPath: process.env.PUBLIC_URL === "http://localhost:3001/" ? "http://localhost:3001/" : paths.publicUrlOrPath,
       // Point sourcemap entries to original disk location (format as URL on Windows)
       devtoolModuleFilenameTemplate: isEnvProduction
         ? info =>
@@ -788,6 +788,8 @@ module.exports = function (webpackEnv) {
             },
           },
         }),
+      fs.existsSync(paths.mfSetup) &&
+        new webpack.container.ModuleFederationPlugin(require(paths.mfSetup)),
     ].filter(Boolean),
     // Turn off performance processing because we utilize
     // our own hints via the FileSizeReporter

packages/react-scripts/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "react-scripts",
-  "version": "5.0.1",
+  "name": "@kobsio/react-scripts",
+  "version": "5.0.1-1",
   "description": "Configuration and scripts for Create React App.",
   "repository": {
     "type": "git",