@nx/rspack 21.0.0-beta.0 → 21.0.0-beta.10

package/generators.json

@@ -28,6 +28,7 @@
       "description": "React application generator."
     },
     "convert-webpack": {
+      "alias": "convert-to-rspack",
       "factory": "./src/generators/convert-webpack/convert-webpack",
       "schema": "./src/generators/convert-webpack/schema.json",
       "description": "Convert a webpack application to use rspack."

package/migrations.json

@@ -14,40 +14,6 @@
     }
   },
   "packageJsonUpdates": {
-    "18.1.0": {
-      "version": "18.1.0-beta.0",
-      "packages": {
-        "@rspack/core": {
-          "version": "~0.5.6",
-          "alwaysAddToPackageJson": false
-        },
-        "@rspack/dev-server": {
-          "version": "~0.5.6",
-          "alwaysAddToPackageJson": false
-        },
-        "@rspack/plugin-minify": {
-          "version": "~0.5.6",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "18.1.3": {
-      "version": "18.1.3",
-      "packages": {
-        "@rspack/core": {
-          "version": "^0.6.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@rspack/dev-server": {
-          "version": "^0.6.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@rspack/plugin-minify": {
-          "version": "^0.6.1",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
     "19.3.0": {
       "version": "19.3.0-beta.0",
       "packages": {
@@ -94,6 +60,19 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "20.5.0": {
+      "version": "20.5.0-beta.4",
+      "packages": {
+        "sass-loader": {
+          "version": "^16.0.4",
+          "alwaysAddToPackageJson": false
+        },
+        "@rspack/core": {
+          "version": "^1.2.2",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   },
   "version": "0.1"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nx/rspack",
   "description": "The Nx Plugin for Rspack contains executors and generators that support building applications using Rspack.",
-  "version": "21.0.0-beta.0",
+  "version": "21.0.0-beta.10",
   "type": "commonjs",
   "repository": {
     "type": "git",
@@ -24,10 +24,10 @@
   "generators": "./generators.json",
   "executors": "./executors.json",
   "dependencies": {
-    "@nx/js": "21.0.0-beta.0",
-    "@nx/devkit": "21.0.0-beta.0",
-    "@nx/web": "21.0.0-beta.0",
-    "@nx/module-federation": "21.0.0-beta.0",
+    "@nx/js": "21.0.0-beta.10",
+    "@nx/devkit": "21.0.0-beta.10",
+    "@nx/web": "21.0.0-beta.10",
+    "@nx/module-federation": "21.0.0-beta.10",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "@rspack/core": "^1.1.5",
     "@rspack/dev-server": "^1.0.9",
@@ -37,13 +37,15 @@
     "css-loader": "^6.4.0",
     "enquirer": "~2.3.6",
     "express": "^4.21.2",
-    "fork-ts-checker-webpack-plugin": "7.2.13",
+    "ts-checker-rspack-plugin": "^1.1.1",
     "http-proxy-middleware": "^3.0.3",
     "less-loader": "11.1.0",
     "license-webpack-plugin": "^4.0.2",
     "loader-utils": "^2.0.3",
-    "sass": "^1.42.1",
-    "sass-loader": "^12.2.0",
+    "parse5": "4.0.0",
+    "sass": "^1.85.0",
+    "sass-embedded": "^1.83.4",
+    "sass-loader": "^16.0.4",
     "source-map-loader": "^5.0.0",
     "style-loader": "^3.3.0",
     "picocolors": "^1.1.0",
@@ -55,8 +57,8 @@
     "webpack-node-externals": "^3.0.0"
   },
   "peerDependencies": {
-    "@module-federation/enhanced": "^0.8.8",
-    "@module-federation/node": "^2.6.21"
+    "@module-federation/enhanced": "^0.9.0",
+    "@module-federation/node": "^2.6.26"
   },
   "nx-migrations": {
     "migrations": "./migrations.json"

package/src/executors/dev-server/lib/get-dev-server-config.js

@@ -31,8 +31,7 @@ function getDevServerOptions(root, serveOptions, buildOptions) {
             htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'],
         },
         onListening(server) {
-            const isHttps = server.options.https ||
-                server.options.server?.type === 'https';
+            const isHttps = server.options.server?.type === 'https';
             devkit_1.logger.info(`NX Web Development Server is listening at ${isHttps ? 'https' : 'http'}://${server.options.host}:${server.options.port}${(0, serve_path_1.buildServePath)(buildOptions)}`);
         },
         open: false,

package/src/executors/dev-server/schema.json

@@ -3,6 +3,7 @@
   "version": 2,
   "title": "Rspack dev-server executor",
   "description": "Run @rspack/dev-server to serve a project.",
+  "continuous": true,
   "type": "object",
   "properties": {
     "buildTarget": {

package/src/executors/module-federation-dev-server/schema.json

@@ -1,5 +1,6 @@
 {
   "version": 2,
+  "continuous": true,
   "outputCapture": "direct-nodejs",
   "title": "Rspack Module Federation Dev Server",
   "description": "Serve a module federation application.",

package/src/executors/module-federation-ssr-dev-server/schema.json

@@ -1,5 +1,6 @@
 {
   "version": 2,
+  "continuous": true,
   "outputCapture": "direct-nodejs",
   "title": "Module Federation SSR Dev Server",
   "description": "Serve a SSR Consumer (host) application along with its known Producers (remotes).",

package/src/executors/module-federation-static-server/schema.json

@@ -1,5 +1,6 @@
 {
   "version": 2,
+  "continuous": true,
   "outputCapture": "direct-nodejs",
   "title": "Module Federation Static Dev Server",
   "description": "Serve a Consumer (host) application statically along with it's Producers (remotes).",

package/src/executors/rspack/lib/normalize-options.js

@@ -22,6 +22,7 @@ function normalizeOptions(options, root, projectRoot, sourceRoot) {
                 styles: options.optimization,
             }
             : options.optimization,
+        sassImplementation: options.sassImplementation ?? 'sass',
     };
     if (options.assets) {
         normalizedOptions.assets = (0, normalize_options_1.normalizeAssets)(options.assets, root, sourceRoot, projectRoot, false // executor assets are relative to workspace root for consistency

package/src/executors/rspack/schema.d.ts

@@ -35,7 +35,12 @@ export interface RspackExecutorSchema {
   sourceMap?: boolean | DevTool;
   standardRspackConfigFunction?: boolean;
   statsJson?: boolean;
-  stylePreprocessorOptions?: any;
+  stylePreprocessorOptions?: {
+    includePaths?: string[];
+    sassOptions?: Record<string, any>;
+    lessOptions?: Record<string, any>;
+  };
+  sassImplementation?: 'sass' | 'sass-embedded';
   styles?: Array<ExtraEntryPointClass | string>;
   target?: 'web' | 'node';
   transformers?: TransformerEntry[];

package/src/executors/rspack/schema.json

@@ -245,10 +245,24 @@
           "items": {
             "type": "string"
           }
+        },
+        "sassOptions": {
+          "description": "Options to pass to sass-loader.",
+          "type": "object"
+        },
+        "lessOptions": {
+          "description": "Options to pass to less-loader.",
+          "type": "object"
         }
       },
       "additionalProperties": false
     },
+    "sassImplementation": {
+      "type": "string",
+      "description": "The implementation of the SASS compiler to use. Can be either `sass` or `sass-embedded`. Defaults to `sass-embedded`.",
+      "enum": ["sass", "sass-embedded"],
+      "default": "sass"
+    },
     "styles": {
       "type": "array",
       "description": "External Styles which will be included with the application",

package/src/executors/ssr-dev-server/schema.json

@@ -1,4 +1,5 @@
 {
+  "continuous": true,
   "outputCapture": "direct-nodejs",
   "title": "Rspack SSR Dev Server",
   "description": "Serve a SSR application using rspack.",

package/src/generators/application/application.js

@@ -11,9 +11,6 @@ async function default_1(tree, _options) {
     const tasks = [];
     const initTask = await (0, init_1.default)(tree, {
         ..._options,
-        // TODO: Crystalize the default rspack.config.js file.
-        // The default setup isn't crystalized so don't add plugin.
-        addPlugin: false,
     });
     tasks.push(initTask);
     const options = await (0, normalize_options_1.normalizeOptions)(tree, _options);

package/src/generators/application/lib/normalize-options.js

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = normalizeOptions;
-const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
+const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
 async function normalizeOptions(host, options) {
-    await (0, project_name_and_root_utils_1.ensureProjectName)(host, options, 'application');
-    const { projectName: appProjectName, projectRoot: appProjectRoot } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
+    await (0, project_name_and_root_utils_1.ensureRootProjectName)(options, 'application');
+    const { projectName, projectRoot: appProjectRoot, importPath, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
         ...options,
         projectType: 'application',
     });
     // --monorepo takes precedence over --rootProject
     // This won't be needed once we add --bundler=rspack to the @nx/react:app preset
     const rootProject = !options.monorepo && options.rootProject;
-    const e2eProjectName = options.rootProject
-        ? 'e2e'
-        : `${(0, devkit_1.names)(appProjectName).fileName}-e2e`;
+    const isTsSolutionSetup = (0, ts_solution_setup_1.isUsingTsSolutionSetup)(host);
+    const appProjectName = !isTsSolutionSetup || options.name ? projectName : importPath;
+    const e2eProjectName = options.rootProject ? 'e2e' : `${projectName}-e2e`;
     const normalized = {
         ...options,
         rootProject,
-        name: (0, devkit_1.names)(options.name).fileName,
+        name: appProjectName,
         projectName: appProjectName,
         appProjectRoot,
         e2eProjectName,

package/src/generators/configuration/configuration.js

@@ -10,9 +10,6 @@ const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-set
 async function configurationGenerator(tree, options) {
     const task = await (0, init_1.default)(tree, {
         ...options,
-        // TODO: Crystalize the default rspack.config.js file.
-        // The default setup isn't crystalized so don't add plugin.
-        addPlugin: false,
     });
     const { targets, root, projectType } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     const { target, framework } = (0, generator_utils_1.determineFrameworkAndTarget)(tree, options, root, targets);

package/src/generators/convert-to-inferred/schema.json

@@ -1,13 +1,13 @@
 {
   "$schema": "https://json-schema.org/schema",
-  "$id": "NxWebpackConvertToInferred",
-  "description": "Convert existing Webpack project(s) using `@nx/webpack:wepack` executor to use `@nx/webpack/plugin`.",
-  "title": "Convert a Webpack project from executor to plugin",
+  "$id": "NxRspackConvertToInferred",
+  "description": "Convert existing Rspack project(s) using `@nx/rspack:rspack` executor to use `@nx/rspack/plugin`.",
+  "title": "Convert a Rspack project from executor to plugin",
   "type": "object",
   "properties": {
     "project": {
       "type": "string",
-      "description": "The project to convert from using the `@nx/webpack:webpack` executor to use `@nx/webpack/plugin`. If not provided, all projects using the `@nx/webpack:webpack` executor will be converted.",
+      "description": "The project to convert from using the `@nx/rspack:rspack` executor to use `@nx/rspack/plugin`. If not provided, all projects using the `@nx/rspack:rspack` executor will be converted.",
       "x-priority": "important"
     },
     "skipFormat": {

package/src/generators/convert-webpack/convert-webpack.js

@@ -57,6 +57,29 @@ async function default_1(tree, options) {
         transformConfigFile(tree, rspackConfigPath);
     }
     (0, devkit_1.updateProjectConfiguration)(tree, options.project, project);
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    if (nxJson.plugins !== undefined && nxJson.plugins.length > 0) {
+        const nonRspackPlugins = nxJson.plugins.filter((plugin) => (typeof plugin !== 'string' && plugin.plugin !== '@nx/rspack/plugin') ||
+            (typeof plugin === 'string' && plugin !== '@nx/rspack/plugin'));
+        let rspackPlugins = nxJson.plugins.filter((plugin) => (typeof plugin !== 'string' && plugin.plugin === '@nx/rspack/plugin') ||
+            (typeof plugin === 'string' && plugin === '@nx/rspack/plugin'));
+        if (rspackPlugins.length === 0) {
+            rspackPlugins = rspackPlugins.map((plugin) => {
+                if (typeof plugin === 'string') {
+                    return {
+                        plugin: plugin,
+                        exclude: [`${project.root}/*`],
+                    };
+                }
+                return {
+                    ...plugin,
+                    exclude: [...(plugin.exclude ?? []), `${project.root}/*`],
+                };
+            });
+            nxJson.plugins = [...nonRspackPlugins, ...rspackPlugins];
+            (0, devkit_1.updateNxJson)(tree, nxJson);
+        }
+    }
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
         '@rspack/core': versions_1.rspackCoreVersion,
         '@rspack/dev-server': versions_1.rspackDevServerVersion,

package/src/generators/convert-webpack/lib/transform-cjs.js

@@ -12,6 +12,87 @@ function transformCjsConfigFile(tree, configPath) {
         transformWithModuleFederation(tree, configPath, scope);
         transformWithModuleFederationSSR(tree, configPath, scope);
     });
+    // Add useLegacyHtmlPlugin: true to withWeb() calls
+    transformWithWebCalls(tree, configPath);
+}
+function transformWithWebCalls(tree, configPath) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    // Find withWeb() calls
+    const withWebCallNodes = (0, tsquery_1.tsquery)(ast, 'CallExpression > Identifier[name=withWeb]');
+    // If there are withWeb calls, update them
+    if (withWebCallNodes.length > 0) {
+        let newContents = configContents;
+        for (const node of withWebCallNodes) {
+            const callExpr = node.parent;
+            if (!callExpr)
+                continue;
+            const startPos = callExpr.getStart();
+            const endPos = callExpr.getEnd();
+            const callText = configContents.substring(startPos, endPos);
+            // Skip if useLegacyHtmlPlugin is already present
+            if (callText.includes('useLegacyHtmlPlugin')) {
+                continue;
+            }
+            // If it's already withWeb({ ... }), add useLegacyHtmlPlugin: true to the options
+            if (callText.includes('{') && callText.includes('}')) {
+                const newCallText = callText.replace(/\{\s*/, '{ useLegacyHtmlPlugin: true,\n      ');
+                newContents =
+                    newContents.substring(0, startPos) +
+                        newCallText +
+                        newContents.substring(endPos);
+            }
+            else {
+                // If it's just withWeb(), replace with withWeb({ useLegacyHtmlPlugin: true })
+                const newCallText = 'withWeb({ useLegacyHtmlPlugin: true })';
+                newContents =
+                    newContents.substring(0, startPos) +
+                        newCallText +
+                        newContents.substring(endPos);
+            }
+        }
+        if (newContents !== configContents) {
+            tree.write(configPath, newContents);
+        }
+        return;
+    }
+    // If no withWeb calls, check for withReact calls
+    const withReactCallNodes = (0, tsquery_1.tsquery)(ast, 'CallExpression > Identifier[name=withReact]');
+    if (withReactCallNodes.length === 0) {
+        return;
+    }
+    let newContents = configContents;
+    for (const node of withReactCallNodes) {
+        const callExpr = node.parent;
+        if (!callExpr)
+            continue;
+        const startPos = callExpr.getStart();
+        const endPos = callExpr.getEnd();
+        const callText = configContents.substring(startPos, endPos);
+        // Skip if useLegacyHtmlPlugin is already present
+        if (callText.includes('useLegacyHtmlPlugin')) {
+            continue;
+        }
+        // If it's already withReact({ ... }), add useLegacyHtmlPlugin: true to the options
+        if (callText.includes('{') && callText.includes('}')) {
+            const newCallText = callText.replace(/\{\s*/, '{ useLegacyHtmlPlugin: true,\n      ');
+            newContents =
+                newContents.substring(0, startPos) +
+                    newCallText +
+                    newContents.substring(endPos);
+        }
+        else {
+            // If it's just withReact(), replace with withReact({ useLegacyHtmlPlugin: true })
+            const newCallText = 'withReact({ useLegacyHtmlPlugin: true })';
+            newContents =
+                newContents.substring(0, startPos) +
+                    newCallText +
+                    newContents.substring(endPos);
+        }
+    }
+    if (newContents !== configContents) {
+        tree.write(configPath, newContents);
+    }
 }
 function transformComposePlugins(tree, configPath, scope) {
     const configContents = tree.read(configPath, 'utf-8');

package/src/generators/convert-webpack/lib/transform-esm.js

@@ -12,6 +12,87 @@ function transformEsmConfigFile(tree, configPath) {
         transformWithModuleFederation(tree, configPath, scope);
         transformWithModuleFederationSSR(tree, configPath, scope);
     });
+    // Add useLegacyHtmlPlugin: true to withWeb() calls
+    transformWithWebCalls(tree, configPath);
+}
+function transformWithWebCalls(tree, configPath) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    // Find withWeb() calls
+    const withWebCallNodes = (0, tsquery_1.tsquery)(ast, 'CallExpression > Identifier[name=withWeb]');
+    // If there are withWeb calls, update them
+    if (withWebCallNodes.length > 0) {
+        let newContents = configContents;
+        for (const node of withWebCallNodes) {
+            const callExpr = node.parent;
+            if (!callExpr)
+                continue;
+            const startPos = callExpr.getStart();
+            const endPos = callExpr.getEnd();
+            const callText = configContents.substring(startPos, endPos);
+            // Skip if useLegacyHtmlPlugin is already present
+            if (callText.includes('useLegacyHtmlPlugin')) {
+                continue;
+            }
+            // If it's already withWeb({ ... }), add useLegacyHtmlPlugin: true to the options
+            if (callText.includes('{') && callText.includes('}')) {
+                const newCallText = callText.replace(/\{\s*/, '{ useLegacyHtmlPlugin: true,\n      ');
+                newContents =
+                    newContents.substring(0, startPos) +
+                        newCallText +
+                        newContents.substring(endPos);
+            }
+            else {
+                // If it's just withWeb(), replace with withWeb({ useLegacyHtmlPlugin: true })
+                const newCallText = 'withWeb({ useLegacyHtmlPlugin: true })';
+                newContents =
+                    newContents.substring(0, startPos) +
+                        newCallText +
+                        newContents.substring(endPos);
+            }
+        }
+        if (newContents !== configContents) {
+            tree.write(configPath, newContents);
+        }
+        return;
+    }
+    // If no withWeb calls, check for withReact calls
+    const withReactCallNodes = (0, tsquery_1.tsquery)(ast, 'CallExpression > Identifier[name=withReact]');
+    if (withReactCallNodes.length === 0) {
+        return;
+    }
+    let newContents = configContents;
+    for (const node of withReactCallNodes) {
+        const callExpr = node.parent;
+        if (!callExpr)
+            continue;
+        const startPos = callExpr.getStart();
+        const endPos = callExpr.getEnd();
+        const callText = configContents.substring(startPos, endPos);
+        // Skip if useLegacyHtmlPlugin is already present
+        if (callText.includes('useLegacyHtmlPlugin')) {
+            continue;
+        }
+        // If it's already withReact({ ... }), add useLegacyHtmlPlugin: true to the options
+        if (callText.includes('{') && callText.includes('}')) {
+            const newCallText = callText.replace(/\{\s*/, '{ useLegacyHtmlPlugin: true,\n      ');
+            newContents =
+                newContents.substring(0, startPos) +
+                    newCallText +
+                    newContents.substring(endPos);
+        }
+        else {
+            // If it's just withReact(), replace with withReact({ useLegacyHtmlPlugin: true })
+            const newCallText = 'withReact({ useLegacyHtmlPlugin: true })';
+            newContents =
+                newContents.substring(0, startPos) +
+                    newCallText +
+                    newContents.substring(endPos);
+        }
+    }
+    if (newContents !== configContents) {
+        tree.write(configPath, newContents);
+    }
 }
 function transformComposePlugins(tree, configPath, scope) {
     const configContents = tree.read(configPath, 'utf-8');

package/src/generators/init/init.js

@@ -57,7 +57,6 @@ async function rspackInitGenerator(tree, schema) {
     const devDependencies = {
         '@rspack/core': versions_1.rspackCoreVersion,
         '@rspack/cli': versions_1.rspackCoreVersion,
-        '@rspack/plugin-minify': versions_1.rspackPluginMinifyVersion,
         '@rspack/plugin-react-refresh': versions_1.rspackPluginReactRefreshVersion,
         'react-refresh': versions_1.reactRefreshVersion,
     };
@@ -70,6 +69,10 @@ async function rspackInitGenerator(tree, schema) {
     if (schema.style === 'less') {
         devDependencies['less-loader'] = versions_1.lessLoaderVersion;
     }
+    if (schema.style === 'scss') {
+        devDependencies['sass-loader'] = versions_1.sassLoaderVersion;
+        devDependencies['sass-embedded'] = versions_1.sassEmbeddedVersion;
+    }
     if (schema.framework !== 'none' || schema.devServer) {
         devDependencies['@rspack/dev-server'] = versions_1.rspackDevServerVersion;
     }

package/src/index.d.ts

@@ -4,4 +4,5 @@ export * from './utils/config';
 export * from './utils/with-nx';
 export * from './utils/with-react';
 export * from './utils/with-web';
+export * from './utils/e2e-web-server-info-utils';
 export * from './plugins/use-legacy-nx-plugin/use-legacy-nx-plugin';

package/src/index.js

@@ -7,4 +7,5 @@ tslib_1.__exportStar(require("./utils/config"), exports);
 tslib_1.__exportStar(require("./utils/with-nx"), exports);
 tslib_1.__exportStar(require("./utils/with-react"), exports);
 tslib_1.__exportStar(require("./utils/with-web"), exports);
+tslib_1.__exportStar(require("./utils/e2e-web-server-info-utils"), exports);
 tslib_1.__exportStar(require("./plugins/use-legacy-nx-plugin/use-legacy-nx-plugin"), exports);

package/src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package.md

@@ -0,0 +1,30 @@
+#### Migrate withModuleFederation Import to New Package
+
+Update the withModuleFederation import to use @nx/module-federation/rspack.
+
+#### Sample Code Changes
+
+Update import paths for `withModuleFederation` and `withModuleFederationForSSR`.
+
+{% tabs %}
+{% tab label="Before" %}
+
+```ts {% fileName="apps/shell/rspack.config.ts" %}
+import {
+  withModuleFederation,
+  withModuleFederationForSSR,
+} from '@nx/rspack/module-federation';
+```
+
+{% /tab %}
+{% tab label="After" %}
+
+```ts {% fileName="apps/shell/rspack.config.ts" %}
+import {
+  withModuleFederation,
+  withModuleFederationForSSR,
+} from '@nx/module-federation/rspack';
+```
+
+{% /tab %}
+{% /tabs %}

package/src/migrations/update-20-3-0/ensure-nx-module-federation-package.md

@@ -0,0 +1,28 @@
+#### Ensure the @nx/module-federation Package is Installed
+
+If workspace includes Module Federation projects, ensure the new `@nx/module-federation` package is installed.
+
+#### Sample Code Changes
+
+{% tabs %}
+{% tab label="Before" %}
+
+```json {% fileName="package.json" %}
+{
+  "dependencies": {}
+}
+```
+
+{% /tab %}
+{% tab label="After" %}
+
+```json {% fileName="package.json" %}
+{
+  "dependencies": {
+    "@nx/module-federation": "20.3.0"
+  }
+}
+```
+
+{% /tab %}
+{% /tabs %}

package/src/plugins/nx-app-rspack-plugin/nx-app-rspack-plugin.js

@@ -27,6 +27,16 @@ class NxAppRspackPlugin {
         if (typeof target === 'string') {
             this.options.target = target;
         }
+        if (compiler.options.entry &&
+            compiler.options.entry['main'] &&
+            typeof compiler.options.entry['main'] === 'object' &&
+            Object.keys(compiler.options.entry['main']).length === 0) {
+            compiler.options.entry = {};
+        }
+        // Prefer `clean` option from Rspack config over our own.
+        if (typeof compiler.options.output.clean !== 'undefined') {
+            this.options.deleteOutputPath = false;
+        }
         (0, apply_base_config_1.applyBaseConfig)(this.options, compiler.options, {
             useNormalizedEntry: true,
         });