@nx/module-federation 20.2.0-beta.2 → 20.2.0-beta.4

package/src/with-module-federation/webpack/with-module-federation.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withModuleFederation = withModuleFederation;
+const utils_1 = require("./utils");
+const webpack_1 = require("@module-federation/enhanced/webpack");
+/**
+ * @param {ModuleFederationConfig} options
+ */
+async function withModuleFederation(options, configOverride) {
+    if (global.NX_GRAPH_CREATION) {
+        return (config) => config;
+    }
+    const { sharedDependencies, sharedLibraries, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options);
+    return (config, ctx) => {
+        config.output.uniqueName = options.name;
+        config.output.publicPath = 'auto';
+        config.output.scriptType = 'text/javascript';
+        config.optimization = {
+            ...(config.optimization ?? {}),
+            runtimeChunk: false,
+        };
+        if (config.mode === 'development' &&
+            Object.keys(mappedRemotes).length > 1 &&
+            !options.exposes) {
+            config.optimization.runtimeChunk = 'single';
+        }
+        config.plugins.push(new webpack_1.ModuleFederationPlugin({
+            name: options.name.replace(/-/g, '_'),
+            filename: 'remoteEntry.js',
+            exposes: options.exposes,
+            remotes: mappedRemotes,
+            shared: {
+                ...sharedDependencies,
+            },
+            /**
+             * remoteType: 'script' is required for the remote to be loaded as a script tag.
+             * remotes will need to be defined as:
+             *  { appX: 'appX@http://localhost:3001/remoteEntry.js' }
+             *  { appY: 'appY@http://localhost:3002/remoteEntry.js' }
+             */
+            remoteType: 'script',
+            /**
+             * Apply user-defined config overrides
+             */
+            ...(configOverride ? configOverride : {}),
+            runtimePlugins: process.env.NX_MF_DEV_REMOTES &&
+                !options.disableNxRuntimeLibraryControlPlugin
+                ? [
+                    ...(configOverride?.runtimePlugins ?? []),
+                    require.resolve('@nx/module-federation/src/utils/plugins/runtime-library-control.plugin.js'),
+                ]
+                : configOverride?.runtimePlugins,
+            virtualRuntimeEntry: true,
+        }), sharedLibraries.getReplacementPlugin());
+        // The env var is only set from the module-federation-dev-server
+        // Attach the runtime plugin
+        config.plugins.push(new (require('webpack').DefinePlugin)({
+            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
+        }));
+        return config;
+    };
+}

package/webpack.d.ts

@@ -0,0 +1,2 @@
+export * from './src/with-module-federation/webpack/with-module-federation';
+export * from './src/with-module-federation/webpack/with-module-federation-ssr';

package/webpack.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./src/with-module-federation/webpack/with-module-federation"), exports);
+tslib_1.__exportStar(require("./src/with-module-federation/webpack/with-module-federation-ssr"), exports);