Merge pull request #12527 from artchenamazon/mf-custom-expose-module-…

…name

feat: support custom chunk name in container expose options

declarations/_container.d.ts

@@ -49,6 +49,10 @@ export interface ExposesConfig {
 	 * Request to a module that should be exposed by this container.
 	 */
 	import: ExposesItem | ExposesItems;
+	/**
+	 * Custom chunk name for the exposed module.
+	 */
+	name?: string;
 }
 /**
  * Container locations from which modules should be resolved and loaded at runtime. Property names are used as request scopes.

declarations/plugins/container/ContainerPlugin.d.ts

@@ -96,6 +96,10 @@ export interface ExposesConfig {
 	 * Request to a module that should be exposed by this container.
 	 */
 	import: ExposesItem | ExposesItems;
+	/**
+	 * Custom chunk name for the exposed module.
+	 */
+	name?: string;
 }
 /**
  * Options for library.

declarations/plugins/container/ModuleFederationPlugin.d.ts

@@ -151,6 +151,10 @@ export interface ExposesConfig {
 	 * Request to a module that should be exposed by this container.
 	 */
 	import: ExposesItem | ExposesItems;
+	/**
+	 * Custom chunk name for the exposed module.
+	 */
+	name?: string;
 }
 /**
  * Options for library.

lib/container/ContainerEntryModule.js

@@ -31,6 +31,7 @@ const ContainerExposedDependency = require("./ContainerExposedDependency");
 /**
  * @typedef {Object} ExposeOptions
  * @property {string[]} import requests to exposed modules (last one is exported)
+ * @property {string} name custom chunk name for the exposed module
  */
 
 const SOURCE_TYPES = new Set(["javascript"]);
@@ -107,7 +108,9 @@ class ContainerEntryModule extends Module {
 
 		for (const [name, options] of this._exposes) {
 			const block = new AsyncDependenciesBlock(
-				undefined,
+				{
+					name: options.name
+				},
 				{ name },
 				options.import[options.import.length - 1]
 			);

lib/container/ContainerPlugin.js

@@ -35,10 +35,12 @@ class ContainerPlugin {
 			exposes: parseOptions(
 				options.exposes,
 				item => ({
-					import: Array.isArray(item) ? item : [item]
+					import: Array.isArray(item) ? item : [item],
+					name: undefined
 				}),
 				item => ({
-					import: Array.isArray(item.import) ? item.import : [item.import]
+					import: Array.isArray(item.import) ? item.import : [item.import],
+					name: item.name || undefined
 				})
 			)
 		};

schemas/_container.json

@@ -37,6 +37,10 @@
               "$ref": "#/definitions/ExposesItems"
             }
           ]
+        },
+        "name": {
+          "description": "Custom chunk name for the exposed module.",
+          "type": "string"
         }
       },
       "required": ["import"]

schemas/plugins/container/ContainerPlugin.json

@@ -49,6 +49,10 @@
               "$ref": "#/definitions/ExposesItems"
             }
           ]
+        },
+        "name": {
+          "description": "Custom chunk name for the exposed module.",
+          "type": "string"
         }
       },
       "required": ["import"]

schemas/plugins/container/ModuleFederationPlugin.json

@@ -49,6 +49,10 @@
               "$ref": "#/definitions/ExposesItems"
             }
           ]
+        },
+        "name": {
+          "description": "Custom chunk name for the exposed module.",
+          "type": "string"
         }
       },
       "required": ["import"]

test/__snapshots__/StatsTestCases.test.js.snap

@@ -1271,6 +1271,18 @@ chunk (runtime: e1, e2, e3) async2.js (async2) 135 bytes [rendered]
 webpack x.x.x compiled successfully"
 `;
 
+exports[`StatsTestCases should print correct stats for module-federation-custom-exposed-module-name 1`] = `
+"asset container_bundle.js 12 KiB [emitted] (name: container)
+asset custom-entry_bundle.js 412 bytes [emitted] (name: custom-entry)
+asset main_bundle.js 54 bytes [emitted] (name: main)
+runtime modules 6.59 KiB 9 modules
+built modules 82 bytes [built]
+  ./index.js 1 bytes [built] [code generated]
+  container entry 42 bytes [built] [code generated]
+  ./entry.js 39 bytes [built] [code generated]
+webpack x.x.x compiled successfully in X ms"
+`;
+
 exports[`StatsTestCases should print correct stats for module-not-found-error 1`] = `
 "ERROR in ./index.js 1:0-17
 Module not found: Error: Can't resolve 'buffer' in 'Xdir/module-not-found-error'

test/statsCases/module-federation-custom-exposed-module-name/entry.js

@@ -0,0 +1 @@
+export default function bootstrap() {}

test/statsCases/module-federation-custom-exposed-module-name/webpack.config.js

@@ -0,0 +1,21 @@
+const { ModuleFederationPlugin } = require("../../../").container;
+
+/** @type {import("../../../").Configuration} */
+module.exports = {
+	mode: "production",
+	entry: "./index.js",
+	output: {
+		filename: "[name]_bundle.js"
+	},
+	plugins: [
+		new ModuleFederationPlugin({
+			name: "container",
+			exposes: {
+				"./entry": {
+					import: "./entry",
+					name: "custom-entry"
+				}
+			}
+		})
+	]
+};

types.d.ts

@@ -3251,6 +3251,11 @@ declare interface ExposesConfig {
 	 * Request to a module that should be exposed by this container.
 	 */
 	import: string | string[];
+
+	/**
+	 * Custom chunk name for the exposed module.
+	 */
+	name?: string;
 }
 
 /**