webpack 5.90.3 → 5.92.0

package/lib/config/defaults.js

@@ -27,7 +27,8 @@ const {
 	getDefaultTarget
 } = require("./target");
 
-/** @typedef {import("../../declarations/WebpackOptions").CacheOptionsNormalized} CacheOptions */
+/** @typedef {import("../../declarations/WebpackOptions").CacheOptions} CacheOptions */
+/** @typedef {import("../../declarations/WebpackOptions").CacheOptionsNormalized} CacheOptionsNormalized */
 /** @typedef {import("../../declarations/WebpackOptions").Context} Context */
 /** @typedef {import("../../declarations/WebpackOptions").CssGeneratorOptions} CssGeneratorOptions */
 /** @typedef {import("../../declarations/WebpackOptions").CssParserOptions} CssParserOptions */
@@ -60,12 +61,20 @@ const {
 /** @typedef {import("../../declarations/WebpackOptions").RuleSetRules} RuleSetRules */
 /** @typedef {import("../../declarations/WebpackOptions").SnapshotOptions} SnapshotOptions */
 /** @typedef {import("../../declarations/WebpackOptions").Target} Target */
-/** @typedef {import("../../declarations/WebpackOptions").WebpackOptionsNormalized} WebpackOptions */
+/** @typedef {import("../../declarations/WebpackOptions").WebpackOptions} WebpackOptions */
+/** @typedef {import("../../declarations/WebpackOptions").WebpackOptionsNormalized} WebpackOptionsNormalized */
 /** @typedef {import("../Compiler")} Compiler */
 /** @typedef {import("../Module")} Module */
+/** @typedef {import("./target").PlatformTargetProperties} PlatformTargetProperties */
 /** @typedef {import("./target").TargetProperties} TargetProperties */
 
+/**
+ * @typedef {object} ResolvedOptions
+ * @property {PlatformTargetProperties | false} platform - platform target properties
+ */
+
 const NODE_MODULES_REGEXP = /[\\/]node_modules[\\/]/i;
+const DEFAULT_CACHE_NAME = "default";
 
 /**
  * Sets a constant default value when undefined
@@ -137,7 +146,7 @@ const A = (obj, prop, factory) => {
 };
 
 /**
- * @param {WebpackOptions} options options to be modified
+ * @param {WebpackOptionsNormalized} options options to be modified
  * @returns {void}
  */
 const applyWebpackOptionsBaseDefaults = options => {
@@ -146,10 +155,11 @@ const applyWebpackOptionsBaseDefaults = options => {
 };
 
 /**
- * @param {WebpackOptions} options options to be modified
- * @returns {void}
+ * @param {WebpackOptionsNormalized} options options to be modified
+ * @param {number} [compilerIndex] index of compiler
+ * @returns {ResolvedOptions} Resolved options after apply defaults
  */
-const applyWebpackOptionsDefaults = options => {
+const applyWebpackOptionsDefaults = (options, compilerIndex) => {
 	F(options, "context", () => process.cwd());
 	F(options, "target", () => {
 		return getDefaultTarget(/** @type {string} */ (options.context));
@@ -201,10 +211,11 @@ const applyWebpackOptionsDefaults = options => {
 		development ? { type: /** @type {"memory"} */ ("memory") } : false
 	);
 	applyCacheDefaults(options.cache, {
-		name: name || "default",
+		name: name || DEFAULT_CACHE_NAME,
 		mode: mode || "production",
 		development,
-		cacheUnaffected: options.experiments.cacheUnaffected
+		cacheUnaffected: options.experiments.cacheUnaffected,
+		compilerIndex
 	});
 	const cache = !!options.cache;
 
@@ -242,7 +253,6 @@ const applyWebpackOptionsDefaults = options => {
 			(options.experiments.outputModule),
 		development,
 		entry: options.entry,
-		module: options.module,
 		futureDefaults
 	});
 
@@ -252,7 +262,9 @@ const applyWebpackOptionsDefaults = options => {
 	});
 
 	applyLoaderDefaults(
-		/** @type {NonNullable<WebpackOptions["loader"]>} */ (options.loader),
+		/** @type {NonNullable<WebpackOptionsNormalized["loader"]>} */ (
+			options.loader
+		),
 		{ targetProperties, environment: options.output.environment }
 	);
 
@@ -269,7 +281,7 @@ const applyWebpackOptionsDefaults = options => {
 
 	applyNodeDefaults(options.node, {
 		futureDefaults:
-			/** @type {NonNullable<WebpackOptions["experiments"]["futureDefaults"]>} */
+			/** @type {NonNullable<WebpackOptionsNormalized["experiments"]["futureDefaults"]>} */
 			(options.experiments.futureDefaults),
 		outputModule: options.output.module,
 		targetProperties
@@ -283,7 +295,7 @@ const applyWebpackOptionsDefaults = options => {
 			: false
 	);
 	applyPerformanceDefaults(
-		/** @type {NonNullable<WebpackOptions["performance"]>} */
+		/** @type {NonNullable<WebpackOptionsNormalized["performance"]>} */
 		(options.performance),
 		{
 			production
@@ -316,11 +328,25 @@ const applyWebpackOptionsDefaults = options => {
 		getResolveLoaderDefaults({ cache }),
 		options.resolveLoader
 	);
+
+	return {
+		platform:
+			targetProperties === false
+				? targetProperties
+				: {
+						web: targetProperties.web,
+						browser: targetProperties.browser,
+						webworker: targetProperties.webworker,
+						node: targetProperties.node,
+						nwjs: targetProperties.nwjs,
+						electron: targetProperties.electron
+					}
+	};
 };
 
 /**
  * @param {ExperimentsNormalized} experiments options
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.production is production
  * @param {boolean} options.development is development mode
  * @param {TargetProperties | false} options.targetProperties target properties
@@ -355,22 +381,27 @@ const applyExperimentsDefaults = (
 };
 
 /**
- * @param {CacheOptions} cache options
- * @param {Object} options options
+ * @param {CacheOptionsNormalized} cache options
+ * @param {object} options options
  * @param {string} options.name name
  * @param {Mode} options.mode mode
  * @param {boolean} options.development is development mode
+ * @param {number} [options.compilerIndex] index of compiler
  * @param {Experiments["cacheUnaffected"]} options.cacheUnaffected the cacheUnaffected experiment is enabled
  * @returns {void}
  */
 const applyCacheDefaults = (
 	cache,
-	{ name, mode, development, cacheUnaffected }
+	{ name, mode, development, cacheUnaffected, compilerIndex }
 ) => {
 	if (cache === false) return;
 	switch (cache.type) {
 		case "filesystem":
-			F(cache, "name", () => name + "-" + mode);
+			F(cache, "name", () =>
+				compilerIndex !== undefined
+					? `${name + "-" + mode}__compiler${compilerIndex + 1}__`
+					: name + "-" + mode
+			);
 			D(cache, "version", "");
 			F(cache, "cacheDirectory", () => {
 				const cwd = process.cwd();
@@ -433,7 +464,7 @@ const applyCacheDefaults = (
 
 /**
  * @param {SnapshotOptions} snapshot options
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.production is production
  * @param {boolean} options.futureDefaults is future defaults enabled
  * @returns {void}
@@ -472,7 +503,6 @@ const applySnapshotDefaults = (snapshot, { production, futureDefaults }) => {
 			}
 			return [];
 		});
-		F(snapshot, "unmanagedPaths", () => []);
 		A(snapshot, "immutablePaths", () => {
 			if (process.versions.pnp === "1") {
 				const match =
@@ -494,6 +524,7 @@ const applySnapshotDefaults = (snapshot, { production, futureDefaults }) => {
 			return [];
 		});
 	}
+	F(snapshot, "unmanagedPaths", () => []);
 	F(snapshot, "resolveBuildDependencies", () => ({
 		timestamp: true,
 		hash: true
@@ -509,7 +540,7 @@ const applySnapshotDefaults = (snapshot, { production, futureDefaults }) => {
 
 /**
  * @param {JavascriptParserOptions} parserOptions parser options
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.futureDefaults is future defaults enabled
  * @param {boolean} options.isNode is node target platform
  * @returns {void}
@@ -541,7 +572,7 @@ const applyJavascriptParserOptionsDefaults = (
 
 /**
  * @param {CssGeneratorOptions} generatorOptions generator options
- * @param {Object} options options
+ * @param {object} options options
  * @param {TargetProperties | false} options.targetProperties target properties
  * @returns {void}
  */
@@ -554,11 +585,12 @@ const applyCssGeneratorOptionsDefaults = (
 		"exportsOnly",
 		!targetProperties || !targetProperties.document
 	);
+	D(generatorOptions, "esModule", true);
 };
 
 /**
  * @param {ModuleOptions} module options
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.cache is caching enabled
  * @param {boolean} options.syncWebAssembly is syncWebAssembly enabled
  * @param {boolean} options.asyncWebAssembly is asyncWebAssembly enabled
@@ -641,6 +673,30 @@ const applyModuleDefaults = (
 			(module.generator.css),
 			{ targetProperties }
 		);
+
+		F(module.generator, "css/auto", () => ({}));
+		D(
+			module.generator["css/auto"],
+			"localIdentName",
+			"[uniqueName]-[id]-[local]"
+		);
+		D(module.generator["css/auto"], "exportsConvention", "as-is");
+
+		F(module.generator, "css/module", () => ({}));
+		D(
+			module.generator["css/module"],
+			"localIdentName",
+			"[uniqueName]-[id]-[local]"
+		);
+		D(module.generator["css/module"], "exportsConvention", "as-is");
+
+		F(module.generator, "css/global", () => ({}));
+		D(
+			module.generator["css/global"],
+			"localIdentName",
+			"[uniqueName]-[id]-[local]"
+		);
+		D(module.generator["css/global"], "exportsConvention", "as-is");
 	}
 
 	A(module, "defaultRules", () => {
@@ -782,6 +838,10 @@ const applyModuleDefaults = (
 			{
 				assert: { type: "json" },
 				type: JSON_MODULE_TYPE
+			},
+			{
+				with: { type: "json" },
+				type: JSON_MODULE_TYPE
 			}
 		);
 		return rules;
@@ -790,14 +850,13 @@ const applyModuleDefaults = (
 
 /**
  * @param {Output} output options
- * @param {Object} options options
+ * @param {object} options options
  * @param {string} options.context context
  * @param {TargetProperties | false} options.targetProperties target properties
  * @param {boolean} options.isAffectedByBrowserslist is affected by browserslist
  * @param {boolean} options.outputModule is outputModule experiment enabled
  * @param {boolean} options.development is development mode
  * @param {Entry} options.entry entry option
- * @param {ModuleOptions} options.module module option
  * @param {boolean} options.futureDefaults is future defaults enabled
  * @returns {void}
  */
@@ -810,7 +869,6 @@ const applyOutputDefaults = (
 		outputModule,
 		development,
 		entry,
-		module,
 		futureDefaults
 	}
 ) => {
@@ -901,6 +959,7 @@ const applyOutputDefaults = (
 		}
 		return "[id].css";
 	});
+	D(output, "cssHeadDataCompression", !development);
 	D(output, "assetModuleFilename", "[hash][ext][query]");
 	D(output, "webassemblyModuleFilename", "[hash].module.wasm");
 	D(output, "compareBeforeEmit", true);
@@ -961,7 +1020,7 @@ const applyOutputDefaults = (
 					if (tp.nodeBuiltins) return "async-node";
 					break;
 				case "module":
-					if (tp.dynamicImport) return "import";
+					if (tp.dynamicImport || output.module) return "import";
 					break;
 			}
 			if (
@@ -986,7 +1045,7 @@ const applyOutputDefaults = (
 					if (tp.nodeBuiltins) return "async-node";
 					break;
 				case "module":
-					if (tp.dynamicImportInWorker) return "import";
+					if (tp.dynamicImportInWorker || output.module) return "import";
 					break;
 			}
 			if (
@@ -1098,6 +1157,15 @@ const applyOutputDefaults = (
 		() =>
 			tp && optimistic(/** @type {boolean | undefined} */ (tp.optionalChaining))
 	);
+	F(
+		environment,
+		"nodePrefixForCoreModules",
+		() =>
+			tp &&
+			optimistic(
+				/** @type {boolean | undefined} */ (tp.nodePrefixForCoreModules)
+			)
+	);
 	F(
 		environment,
 		"templateLiteral",
@@ -1122,6 +1190,11 @@ const applyOutputDefaults = (
 			output.module
 		)
 	);
+	F(
+		environment,
+		"document",
+		() => tp && optimistic(/** @type {boolean | undefined} */ (tp.document))
+	);
 
 	const { trustedTypes } = output;
 	if (trustedTypes) {
@@ -1193,7 +1266,7 @@ const applyOutputDefaults = (
 
 /**
  * @param {ExternalsPresets} externalsPresets options
- * @param {Object} options options
+ * @param {object} options options
  * @param {TargetProperties | false} options.targetProperties target properties
  * @param {boolean} options.buildHttp buildHttp experiment enabled
  * @returns {void}
@@ -1260,7 +1333,7 @@ const applyExternalsPresetsDefaults = (
 
 /**
  * @param {Loader} loader options
- * @param {Object} options options
+ * @param {object} options options
  * @param {TargetProperties | false} options.targetProperties target properties
  * @param {Environment} options.environment environment
  * @returns {void}
@@ -1284,7 +1357,7 @@ const applyLoaderDefaults = (loader, { targetProperties, environment }) => {
 
 /**
  * @param {WebpackNode} node options
- * @param {Object} options options
+ * @param {object} options options
  * @param {TargetProperties | false} options.targetProperties target properties
  * @param {boolean} options.futureDefaults is future defaults enabled
  * @param {boolean} options.outputModule is output type is module
@@ -1315,7 +1388,7 @@ const applyNodeDefaults = (
 
 /**
  * @param {Performance} performance options
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.production is production
  * @returns {void}
  */
@@ -1328,7 +1401,7 @@ const applyPerformanceDefaults = (performance, { production }) => {
 
 /**
  * @param {Optimization} optimization options
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.production is production
  * @param {boolean} options.development is development
  * @param {boolean} options.css is css enabled
@@ -1420,7 +1493,7 @@ const applyOptimizationDefaults = (
 };
 
 /**
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.cache is cache enable
  * @param {string} options.context build context
  * @param {TargetProperties | false} options.targetProperties target properties
@@ -1480,6 +1553,7 @@ const getResolveDefaults = ({
 		exportsFields: ["exports"],
 		roots: [context],
 		mainFields: ["main"],
+		importsFields: ["imports"],
 		byDependency: {
 			wasm: esmDeps(),
 			esm: esmDeps(),
@@ -1525,7 +1599,7 @@ const getResolveDefaults = ({
 };
 
 /**
- * @param {Object} options options
+ * @param {object} options options
  * @param {boolean} options.cache is cache enable
  * @returns {ResolveOptions} resolve options
  */

package/lib/config/normalization.js

@@ -320,6 +320,7 @@ const getNormalizedWebpackOptions = config => {
 				chunkLoadTimeout: output.chunkLoadTimeout,
 				cssFilename: output.cssFilename,
 				cssChunkFilename: output.cssChunkFilename,
+				cssHeadDataCompression: output.cssHeadDataCompression,
 				clean: output.clean,
 				compareBeforeEmit: output.compareBeforeEmit,
 				crossOriginLoading: output.crossOriginLoading,
@@ -446,7 +447,8 @@ const getNormalizedWebpackOptions = config => {
 				hash: module.hash
 			})),
 			immutablePaths: optionalNestedArray(snapshot.immutablePaths, p => [...p]),
-			managedPaths: optionalNestedArray(snapshot.managedPaths, p => [...p])
+			managedPaths: optionalNestedArray(snapshot.managedPaths, p => [...p]),
+			unmanagedPaths: optionalNestedArray(snapshot.unmanagedPaths, p => [...p])
 		})),
 		stats: nestedConfig(config.stats, stats => {
 			if (stats === false) {

package/lib/config/target.js

@@ -21,7 +21,7 @@ const getDefaultTarget = context => {
 };
 
 /**
- * @typedef {Object} PlatformTargetProperties
+ * @typedef {object} PlatformTargetProperties
  * @property {boolean | null} web web platform, importing of http(s) and std: is available
  * @property {boolean | null} browser browser platform, running in a normal web browser
  * @property {boolean | null} webworker (Web)Worker platform, running in a web/shared/service worker
@@ -31,16 +31,17 @@ const getDefaultTarget = context => {
  */
 
 /**
- * @typedef {Object} ElectronContextTargetProperties
+ * @typedef {object} ElectronContextTargetProperties
  * @property {boolean | null} electronMain in main context
  * @property {boolean | null} electronPreload in preload context
  * @property {boolean | null} electronRenderer in renderer context with node integration
  */
 
 /**
- * @typedef {Object} ApiTargetProperties
+ * @typedef {object} ApiTargetProperties
  * @property {boolean | null} require has require function available
  * @property {boolean | null} nodeBuiltins has node.js built-in modules available
+ * @property {boolean | null} nodePrefixForCoreModules node.js allows to use `node:` prefix for core modules
  * @property {boolean | null} document has document available (allows script tags)
  * @property {boolean | null} importScripts has importScripts available
  * @property {boolean | null} importScriptsInWorker has importScripts available when creating a worker
@@ -49,7 +50,7 @@ const getDefaultTarget = context => {
  */
 
 /**
- * @typedef {Object} EcmaTargetProperties
+ * @typedef {object} EcmaTargetProperties
  * @property {boolean | null} globalThis has globalThis variable available
  * @property {boolean | null} bigIntLiteral big int literal syntax is available
  * @property {boolean | null} const const and let variable declarations are available
@@ -168,8 +169,8 @@ You can also more options via the 'target' option: 'browserslist' / 'browserslis
 	[
 		"[async-]node[X[.Y]]",
 		"Node.js in version X.Y. The 'async-' prefix will load chunks asynchronously via 'fs' and 'vm' instead of 'require()'. Examples: node14.5, async-node10.",
-		/^(async-)?node(\d+(?:\.(\d+))?)?$/,
-		(asyncFlag, major, minor) => {
+		/^(async-)?node((\d+)(?:\.(\d+))?)?$/,
+		(asyncFlag, _, major, minor) => {
 			const v = versionDependent(major, minor);
 			// see https://node.green/
 			return {
@@ -182,6 +183,8 @@ You can also more options via the 'target' option: 'browserslist' / 'browserslis
 
 				require: !asyncFlag,
 				nodeBuiltins: true,
+				// v16.0.0, v14.18.0
+				nodePrefixForCoreModules: +major < 15 ? v(14, 18) : v(16),
 				global: true,
 				document: false,
 				fetchWasm: false,
@@ -206,8 +209,8 @@ You can also more options via the 'target' option: 'browserslist' / 'browserslis
 	[
 		"electron[X[.Y]]-main/preload/renderer",
 		"Electron in version X.Y. Script is running in main, preload resp. renderer context.",
-		/^electron(\d+(?:\.(\d+))?)?-(main|preload|renderer)$/,
-		(major, minor, context) => {
+		/^electron((\d+)(?:\.(\d+))?)?-(main|preload|renderer)$/,
+		(_, major, minor, context) => {
 			const v = versionDependent(major, minor);
 			// see https://node.green/ + https://github.com/electron/releases
 			return {
@@ -224,6 +227,10 @@ You can also more options via the 'target' option: 'browserslist' / 'browserslis
 
 				global: true,
 				nodeBuiltins: true,
+				// 15.0.0	- Node.js	v16.5
+				// 14.0.0 - Mode.js v14.17, but prefixes only since v14.18
+				nodePrefixForCoreModules: v(15),
+
 				require: true,
 				document: context === "renderer",
 				fetchWasm: context === "renderer",
@@ -248,8 +255,8 @@ You can also more options via the 'target' option: 'browserslist' / 'browserslis
 	[
 		"nwjs[X[.Y]] / node-webkit[X[.Y]]",
 		"NW.js in version X.Y.",
-		/^(?:nwjs|node-webkit)(\d+(?:\.(\d+))?)?$/,
-		(major, minor) => {
+		/^(?:nwjs|node-webkit)((\d+)(?:\.(\d+))?)?$/,
+		(_, major, minor) => {
 			const v = versionDependent(major, minor);
 			// see https://node.green/ + https://github.com/nwjs/nw.js/blob/nw48/CHANGELOG.md
 			return {
@@ -341,7 +348,7 @@ const mergeTargetProperties = targetProperties => {
 			keys.add(/** @type {keyof TargetProperties} */ (key));
 		}
 	}
-	/** @type {Object} */
+	/** @type {object} */
 	const result = {};
 	for (const key of keys) {
 		let hasTrue = false;

package/lib/container/ContainerEntryDependency.js

@@ -9,11 +9,12 @@ const Dependency = require("../Dependency");
 const makeSerializable = require("../util/makeSerializable");
 
 /** @typedef {import("./ContainerEntryModule").ExposeOptions} ExposeOptions */
+/** @typedef {import("./ContainerEntryModule").ExposesList} ExposesList */
 
 class ContainerEntryDependency extends Dependency {
 	/**
 	 * @param {string} name entry name
-	 * @param {[string, ExposeOptions][]} exposes list of exposed modules
+	 * @param {ExposesList} exposes list of exposed modules
 	 * @param {string} shareScope name of the share scope
 	 */
 	constructor(name, exposes, shareScope) {

package/lib/container/ContainerEntryModule.js

@@ -34,17 +34,19 @@ const ContainerExposedDependency = require("./ContainerExposedDependency");
 /** @typedef {import("./ContainerEntryDependency")} ContainerEntryDependency */
 
 /**
- * @typedef {Object} ExposeOptions
+ * @typedef {object} ExposeOptions
  * @property {string[]} import requests to exposed modules (last one is exported)
  * @property {string} name custom chunk name for the exposed module
  */
 
+/** @typedef {[string, ExposeOptions][]} ExposesList */
+
 const SOURCE_TYPES = new Set(["javascript"]);
 
 class ContainerEntryModule extends Module {
 	/**
 	 * @param {string} name container entry name
-	 * @param {[string, ExposeOptions][]} exposes list of exposed modules
+	 * @param {ExposesList} exposes list of exposed modules
 	 * @param {string} shareScope name of the share scope
 	 */
 	constructor(name, exposes, shareScope) {

package/lib/container/ContainerPlugin.js

@@ -13,6 +13,8 @@ const { parseOptions } = require("./options");
 
 /** @typedef {import("../../declarations/plugins/container/ContainerPlugin").ContainerPluginOptions} ContainerPluginOptions */
 /** @typedef {import("../Compiler")} Compiler */
+/** @typedef {import("./ContainerEntryModule").ExposeOptions} ExposeOptions */
+/** @typedef {import("./ContainerEntryModule").ExposesList} ExposesList */
 
 const validate = createSchemaValidation(
 	require("../../schemas/plugins/container/ContainerPlugin.check.js"),
@@ -41,16 +43,18 @@ class ContainerPlugin {
 			},
 			runtime: options.runtime,
 			filename: options.filename || undefined,
-			exposes: parseOptions(
-				options.exposes,
-				item => ({
-					import: Array.isArray(item) ? item : [item],
-					name: undefined
-				}),
-				item => ({
-					import: Array.isArray(item.import) ? item.import : [item.import],
-					name: item.name || undefined
-				})
+			exposes: /** @type {ExposesList} */ (
+				parseOptions(
+					options.exposes,
+					item => ({
+						import: Array.isArray(item) ? item : [item],
+						name: undefined
+					}),
+					item => ({
+						import: Array.isArray(item.import) ? item.import : [item.import],
+						name: item.name || undefined
+					})
+				)
 			)
 		};
 	}

package/lib/container/FallbackModule.js

@@ -129,7 +129,7 @@ class FallbackModule extends Module {
 	 */
 	codeGeneration({ runtimeTemplate, moduleGraph, chunkGraph }) {
 		const ids = this.dependencies.map(dep =>
-			chunkGraph.getModuleId(moduleGraph.getModule(dep))
+			chunkGraph.getModuleId(/** @type {Module} */ (moduleGraph.getModule(dep)))
 		);
 		const code = Template.asString([
 			`var ids = ${JSON.stringify(ids)};`,

package/lib/container/RemoteRuntimeModule.js

@@ -10,6 +10,9 @@ const RuntimeModule = require("../RuntimeModule");
 const Template = require("../Template");
 
 /** @typedef {import("../Chunk")} Chunk */
+/** @typedef {import("../Chunk").ChunkId} ChunkId */
+/** @typedef {import("../ChunkGraph")} ChunkGraph */
+/** @typedef {import("../Compilation")} Compilation */
 /** @typedef {import("./RemoteModule")} RemoteModule */
 
 class RemoteRuntimeModule extends RuntimeModule {
@@ -21,17 +24,23 @@ class RemoteRuntimeModule extends RuntimeModule {
 	 * @returns {string | null} runtime code
 	 */
 	generate() {
-		const { compilation, chunkGraph } = this;
+		const compilation = /** @type {Compilation} */ (this.compilation);
+		const chunkGraph = /** @type {ChunkGraph} */ (this.chunkGraph);
 		const { runtimeTemplate, moduleGraph } = compilation;
+		/** @type {Record<ChunkId, (string | number)[]>} */
 		const chunkToRemotesMapping = {};
+		/** @type {Record<string | number, [string, string, string | number | null]>} */
 		const idToExternalAndNameMapping = {};
-		for (const chunk of this.chunk.getAllAsyncChunks()) {
+		for (const chunk of /** @type {Chunk} */ (this.chunk).getAllAsyncChunks()) {
 			const modules = chunkGraph.getChunkModulesIterableBySourceType(
 				chunk,
 				"remote"
 			);
 			if (!modules) continue;
-			const remotes = (chunkToRemotesMapping[chunk.id] = []);
+			/** @type {(string | number)[]} */
+			const remotes = (chunkToRemotesMapping[
+				/** @type {ChunkId} */ (chunk.id)
+			] = []);
 			for (const m of modules) {
 				const module = /** @type {RemoteModule} */ (m);
 				const name = module.internalRequest;