webpack 5.40.0 → 5.42.1

package/lib/RuntimeTemplate.js

@@ -133,6 +133,14 @@ class RuntimeTemplate {
 			  );
 	}
 
+	destructureObject(items, value) {
+		return this.supportsDestructuring()
+			? `var {${items.join(", ")}} = ${value};`
+			: Template.asString(
+					items.map(item => `var ${item} = ${value}${propertyAccess([item])};`)
+			  );
+	}
+
 	iife(args, body) {
 		return `(${this.basicFunction(args, body)})()`;
 	}

package/lib/Template.js

@@ -18,9 +18,10 @@ const { ConcatSource, PrefixSource } = require("webpack-sources");
 /** @typedef {import("./Module")} Module */
 /** @typedef {import("./ModuleGraph")} ModuleGraph */
 /** @typedef {import("./ModuleTemplate")} ModuleTemplate */
-/** @typedef {import("./ModuleTemplate").RenderContext} RenderContext */
 /** @typedef {import("./RuntimeModule")} RuntimeModule */
 /** @typedef {import("./RuntimeTemplate")} RuntimeTemplate */
+/** @typedef {import("./javascript/JavascriptModulesPlugin").ChunkRenderContext} ChunkRenderContext */
+/** @typedef {import("./javascript/JavascriptModulesPlugin").RenderContext} RenderContext */
 
 const START_LOWERCASE_ALPHABET_CODE = "a".charCodeAt(0);
 const START_UPPERCASE_ALPHABET_CODE = "A".charCodeAt(0);
@@ -283,7 +284,7 @@ class Template {
 	}
 
 	/**
-	 * @param {RenderContext} renderContext render context
+	 * @param {ChunkRenderContext} renderContext render context
 	 * @param {Module[]} modules modules to render (should be ordered by identifier)
 	 * @param {function(Module): Source} renderModule function to render a module
 	 * @param {string=} prefix applying prefix strings

package/lib/TemplatedPathPlugin.js

@@ -116,32 +116,30 @@ const replacePathVariables = (path, data, assetInfo) => {
 	// [path] - /some/path/
 	// [name] - file
 	// [ext] - .js
-	if (data.filename) {
-		if (typeof data.filename === "string") {
-			const { path: file, query, fragment } = parseResource(data.filename);
-
-			const ext = extname(file);
-			const base = basename(file);
-			const name = base.slice(0, base.length - ext.length);
-			const path = file.slice(0, file.length - base.length);
-
-			replacements.set("file", replacer(file));
-			replacements.set("query", replacer(query, true));
-			replacements.set("fragment", replacer(fragment, true));
-			replacements.set("path", replacer(path, true));
-			replacements.set("base", replacer(base));
-			replacements.set("name", replacer(name));
-			replacements.set("ext", replacer(ext, true));
-			// Legacy
-			replacements.set(
-				"filebase",
-				deprecated(
-					replacer(base),
-					"[filebase] is now [base]",
-					"DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_FILENAME"
-				)
-			);
-		}
+	if (typeof data.filename === "string") {
+		const { path: file, query, fragment } = parseResource(data.filename);
+
+		const ext = extname(file);
+		const base = basename(file);
+		const name = base.slice(0, base.length - ext.length);
+		const path = file.slice(0, file.length - base.length);
+
+		replacements.set("file", replacer(file));
+		replacements.set("query", replacer(query, true));
+		replacements.set("fragment", replacer(fragment, true));
+		replacements.set("path", replacer(path, true));
+		replacements.set("base", replacer(base));
+		replacements.set("name", replacer(name));
+		replacements.set("ext", replacer(ext, true));
+		// Legacy
+		replacements.set(
+			"filebase",
+			deprecated(
+				replacer(base),
+				"[filebase] is now [base]",
+				"DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_FILENAME"
+			)
+		);
 	}
 
 	// Compilation context

package/lib/Watching.js

@@ -86,7 +86,7 @@ class Watching {
 
 	_go(fileTimeInfoEntries, contextTimeInfoEntries, changedFiles, removedFiles) {
 		this._initial = false;
-		this.startTime = Date.now();
+		if (this.startTime === null) this.startTime = Date.now();
 		this.running = true;
 		if (this.watcher) {
 			this.pausedWatcher = this.watcher;
@@ -252,6 +252,7 @@ class Watching {
 			compilation.endTime = Date.now();
 			stats = new Stats(compilation);
 		}
+		this.startTime = null;
 		if (err) return handleError(err);
 
 		const cbs = this.callbacks;

package/lib/WebpackOptionsApply.js

@@ -113,7 +113,7 @@ class WebpackOptionsApply extends OptionsApply {
 		if (options.externalsPresets.nwjs) {
 			//@ts-expect-error https://github.com/microsoft/TypeScript/issues/41697
 			const ExternalsPlugin = require("./ExternalsPlugin");
-			new ExternalsPlugin("commonjs", "nw.gui").apply(compiler);
+			new ExternalsPlugin("node-commonjs", "nw.gui").apply(compiler);
 		}
 		if (options.externalsPresets.webAsync) {
 			//@ts-expect-error https://github.com/microsoft/TypeScript/issues/41697
@@ -139,10 +139,11 @@ class WebpackOptionsApply extends OptionsApply {
 					new CommonJsChunkFormatPlugin().apply(compiler);
 					break;
 				}
-				case "module":
-					throw new Error(
-						"EcmaScript Module Chunk Format is not implemented yet"
-					);
+				case "module": {
+					const ModuleChunkFormatPlugin = require("./esm/ModuleChunkFormatPlugin");
+					new ModuleChunkFormatPlugin().apply(compiler);
+					break;
+				}
 				default:
 					throw new Error(
 						"Unsupported chunk format '" + options.output.chunkFormat + "'."
@@ -317,7 +318,8 @@ class WebpackOptionsApply extends OptionsApply {
 		new URLPlugin().apply(compiler);
 		new WorkerPlugin(
 			options.output.workerChunkLoading,
-			options.output.workerWasmLoading
+			options.output.workerWasmLoading,
+			options.output.module
 		).apply(compiler);
 
 		new DefaultStatsFactoryPlugin().apply(compiler);
@@ -570,10 +572,12 @@ class WebpackOptionsApply extends OptionsApply {
 									snapshot: options.snapshot,
 									maxAge: cacheOptions.maxAge,
 									profile: cacheOptions.profile,
-									allowCollectingMemory: cacheOptions.allowCollectingMemory
+									allowCollectingMemory: cacheOptions.allowCollectingMemory,
+									compression: cacheOptions.compression
 								}),
 								cacheOptions.idleTimeout,
-								cacheOptions.idleTimeoutForInitialStore
+								cacheOptions.idleTimeoutForInitialStore,
+								cacheOptions.idleTimeoutAfterLargeChanges
 							).apply(compiler);
 							break;
 						}

package/lib/asset/AssetGenerator.js

@@ -265,7 +265,7 @@ class AssetGenerator extends Generator {
 	 * @returns {Set<string>} available types (do not mutate)
 	 */
 	getTypes(module) {
-		if (module.buildInfo.dataUrl || this.emit === false) {
+		if ((module.buildInfo && module.buildInfo.dataUrl) || this.emit === false) {
 			return JS_TYPES;
 		} else {
 			return JS_AND_ASSET_TYPES;
@@ -289,7 +289,7 @@ class AssetGenerator extends Generator {
 				return originalSource.size();
 			}
 			default:
-				if (module.buildInfo.dataUrl) {
+				if (module.buildInfo && module.buildInfo.dataUrl) {
 					const originalSource = module.originalSource();
 
 					if (!originalSource) {

package/lib/async-modules/AwaitDependenciesInitFragment.js

@@ -12,6 +12,9 @@ const Template = require("../Template");
 /** @typedef {import("webpack-sources").Source} Source */
 /** @typedef {import("../Generator").GenerateContext} GenerateContext */
 
+/**
+ * @typedef {GenerateContext} Context
+ */
 class AwaitDependenciesInitFragment extends InitFragment {
 	/**
 	 * @param {Set<string>} promises the promises that should be awaited
@@ -35,7 +38,7 @@ class AwaitDependenciesInitFragment extends InitFragment {
 	}
 
 	/**
-	 * @param {GenerateContext} generateContext context for generate
+	 * @param {Context} context context
 	 * @returns {string|Source} the source code that will be included as initialization code
 	 */
 	getContent({ runtimeRequirements }) {

package/lib/cache/IdleFileCachePlugin.js

@@ -17,11 +17,18 @@ class IdleFileCachePlugin {
 	 * @param {TODO} strategy cache strategy
 	 * @param {number} idleTimeout timeout
 	 * @param {number} idleTimeoutForInitialStore initial timeout
+	 * @param {number} idleTimeoutAfterLargeChanges timeout after changes
 	 */
-	constructor(strategy, idleTimeout, idleTimeoutForInitialStore) {
+	constructor(
+		strategy,
+		idleTimeout,
+		idleTimeoutForInitialStore,
+		idleTimeoutAfterLargeChanges
+	) {
 		this.strategy = strategy;
 		this.idleTimeout = idleTimeout;
 		this.idleTimeoutForInitialStore = idleTimeoutForInitialStore;
+		this.idleTimeoutAfterLargeChanges = idleTimeoutAfterLargeChanges;
 	}
 
 	/**
@@ -36,9 +43,13 @@ class IdleFileCachePlugin {
 			idleTimeout,
 			this.idleTimeoutForInitialStore
 		);
-
+		const idleTimeoutAfterLargeChanges = this.idleTimeoutAfterLargeChanges;
 		const resolvedPromise = Promise.resolve();
 
+		let timeSpendInBuild = 0;
+		let timeSpendInStore = 0;
+		let avgTimeSpendInStore = 0;
+
 		/** @type {Map<string | typeof BUILD_DEPENDENCIES_KEY, () => Promise>} */
 		const pendingIdleTasks = new Map();
 
@@ -121,9 +132,10 @@ class IdleFileCachePlugin {
 		let isInitialStore = true;
 		const processIdleTasks = () => {
 			if (isIdle) {
+				const startTime = Date.now();
 				if (pendingIdleTasks.size > 0) {
 					const promises = [currentIdlePromise];
-					const maxTime = Date.now() + 100;
+					const maxTime = startTime + 100;
 					let maxCount = 100;
 					for (const [filename, factory] of pendingIdleTasks) {
 						pendingIdleTasks.delete(filename);
@@ -132,13 +144,23 @@ class IdleFileCachePlugin {
 					}
 					currentIdlePromise = Promise.all(promises);
 					currentIdlePromise.then(() => {
+						timeSpendInStore += Date.now() - startTime;
 						// Allow to exit the process between
-						setTimeout(processIdleTasks, 0).unref();
+						idleTimer = setTimeout(processIdleTasks, 0);
+						idleTimer.unref();
 					});
 					return;
 				}
 				currentIdlePromise = currentIdlePromise
-					.then(() => strategy.afterAllStored())
+					.then(async () => {
+						await strategy.afterAllStored();
+						timeSpendInStore += Date.now() - startTime;
+						avgTimeSpendInStore =
+							Math.max(avgTimeSpendInStore, timeSpendInStore) * 0.9 +
+							timeSpendInStore * 0.1;
+						timeSpendInStore = 0;
+						timeSpendInBuild = 0;
+					})
 					.catch(err => {
 						const logger = compiler.getInfrastructureLogger(
 							"IdleFileCachePlugin"
@@ -153,14 +175,34 @@ class IdleFileCachePlugin {
 		compiler.cache.hooks.beginIdle.tap(
 			{ name: "IdleFileCachePlugin", stage: Cache.STAGE_DISK },
 			() => {
-				idleTimer = setTimeout(
-					() => {
-						idleTimer = undefined;
-						isIdle = true;
-						resolvedPromise.then(processIdleTasks);
-					},
-					isInitialStore ? idleTimeoutForInitialStore : idleTimeout
-				);
+				const isLargeChange = timeSpendInBuild > avgTimeSpendInStore * 2;
+				if (isInitialStore && idleTimeoutForInitialStore < idleTimeout) {
+					compiler
+						.getInfrastructureLogger("IdleFileCachePlugin")
+						.log(
+							`Initial cache was generated and cache will be persisted in ${
+								idleTimeoutForInitialStore / 1000
+							}s.`
+						);
+				} else if (
+					isLargeChange &&
+					idleTimeoutAfterLargeChanges < idleTimeout
+				) {
+					compiler
+						.getInfrastructureLogger("IdleFileCachePlugin")
+						.log(
+							`Spend ${Math.round(timeSpendInBuild) / 1000}s in build and ${
+								Math.round(avgTimeSpendInStore) / 1000
+							}s in average in cache store. This is considered as large change and cache will be persisted in ${
+								idleTimeoutAfterLargeChanges / 1000
+							}s.`
+						);
+				}
+				idleTimer = setTimeout(() => {
+					idleTimer = undefined;
+					isIdle = true;
+					resolvedPromise.then(processIdleTasks);
+				}, Math.min(isInitialStore ? idleTimeoutForInitialStore : Infinity, isLargeChange ? idleTimeoutAfterLargeChanges : Infinity, idleTimeout));
 				idleTimer.unref();
 			}
 		);
@@ -174,6 +216,11 @@ class IdleFileCachePlugin {
 				isIdle = false;
 			}
 		);
+		compiler.hooks.done.tap("IdleFileCachePlugin", stats => {
+			// 10% build overhead is ignored, as it's not cacheable
+			timeSpendInBuild *= 0.9;
+			timeSpendInBuild += stats.endTime - stats.startTime;
+		});
 	}
 }
 

package/lib/cache/PackFileCacheStrategy.js

@@ -848,6 +848,7 @@ class PackFileCacheStrategy {
 	 * @param {number} options.maxAge max age of cache items
 	 * @param {boolean} options.profile track and log detailed timing information for individual cache items
 	 * @param {boolean} options.allowCollectingMemory allow to collect unused memory created during deserialization
+	 * @param {false | "gzip" | "brotli"} options.compression compression used
 	 */
 	constructor({
 		compiler,
@@ -859,7 +860,8 @@ class PackFileCacheStrategy {
 		snapshot,
 		maxAge,
 		profile,
-		allowCollectingMemory
+		allowCollectingMemory,
+		compression
 	}) {
 		this.fileSerializer = createFileSerializer(fs);
 		this.fileSystemInfo = new FileSystemInfo(fs, {
@@ -875,6 +877,13 @@ class PackFileCacheStrategy {
 		this.maxAge = maxAge;
 		this.profile = profile;
 		this.allowCollectingMemory = allowCollectingMemory;
+		this.compression = compression;
+		this._extension =
+			compression === "brotli"
+				? ".pack.br"
+				: compression === "gzip"
+				? ".pack.gz"
+				: ".pack";
 		this.snapshot = snapshot;
 		/** @type {Set<string>} */
 		this.buildDependencies = new Set();
@@ -916,8 +925,8 @@ class PackFileCacheStrategy {
 		logger.time("restore cache container");
 		return this.fileSerializer
 			.deserialize(null, {
-				filename: `${cacheLocation}/index.pack`,
-				extension: ".pack",
+				filename: `${cacheLocation}/index${this._extension}`,
+				extension: `${this._extension}`,
 				logger,
 				profile,
 				retainedBuffer: this.allowCollectingMemory
@@ -927,11 +936,13 @@ class PackFileCacheStrategy {
 			.catch(err => {
 				if (err.code !== "ENOENT") {
 					logger.warn(
-						`Restoring pack failed from ${cacheLocation}.pack: ${err}`
+						`Restoring pack failed from ${cacheLocation}${this._extension}: ${err}`
 					);
 					logger.debug(err.stack);
 				} else {
-					logger.debug(`No pack exists at ${cacheLocation}.pack: ${err}`);
+					logger.debug(
+						`No pack exists at ${cacheLocation}${this._extension}: ${err}`
+					);
 				}
 				return undefined;
 			})
@@ -940,14 +951,14 @@ class PackFileCacheStrategy {
 				if (!packContainer) return undefined;
 				if (!(packContainer instanceof PackContainer)) {
 					logger.warn(
-						`Restored pack from ${cacheLocation}.pack, but contained content is unexpected.`,
+						`Restored pack from ${cacheLocation}${this._extension}, but contained content is unexpected.`,
 						packContainer
 					);
 					return undefined;
 				}
 				if (packContainer.version !== version) {
 					logger.log(
-						`Restored pack from ${cacheLocation}.pack, but version doesn't match.`
+						`Restored pack from ${cacheLocation}${this._extension}, but version doesn't match.`
 					);
 					return undefined;
 				}
@@ -959,14 +970,14 @@ class PackFileCacheStrategy {
 							(err, valid) => {
 								if (err) {
 									logger.log(
-										`Restored pack from ${cacheLocation}.pack, but checking snapshot of build dependencies errored: ${err}.`
+										`Restored pack from ${cacheLocation}${this._extension}, but checking snapshot of build dependencies errored: ${err}.`
 									);
 									logger.debug(err.stack);
 									return resolve(false);
 								}
 								if (!valid) {
 									logger.log(
-										`Restored pack from ${cacheLocation}.pack, but build dependencies have changed.`
+										`Restored pack from ${cacheLocation}${this._extension}, but build dependencies have changed.`
 									);
 									return resolve(false);
 								}
@@ -981,7 +992,7 @@ class PackFileCacheStrategy {
 							(err, valid) => {
 								if (err) {
 									logger.log(
-										`Restored pack from ${cacheLocation}.pack, but checking snapshot of resolving of build dependencies errored: ${err}.`
+										`Restored pack from ${cacheLocation}${this._extension}, but checking snapshot of resolving of build dependencies errored: ${err}.`
 									);
 									logger.debug(err.stack);
 									return resolve(false);
@@ -1001,7 +1012,7 @@ class PackFileCacheStrategy {
 									(err, valid) => {
 										if (err) {
 											logger.log(
-												`Restored pack from ${cacheLocation}.pack, but resolving of build dependencies errored: ${err}.`
+												`Restored pack from ${cacheLocation}${this._extension}, but resolving of build dependencies errored: ${err}.`
 											);
 											logger.debug(err.stack);
 											return resolve(false);
@@ -1012,7 +1023,7 @@ class PackFileCacheStrategy {
 											return resolve(true);
 										}
 										logger.log(
-											`Restored pack from ${cacheLocation}.pack, but build dependencies resolve to different locations.`
+											`Restored pack from ${cacheLocation}${this._extension}, but build dependencies resolve to different locations.`
 										);
 										return resolve(false);
 									}
@@ -1052,7 +1063,7 @@ class PackFileCacheStrategy {
 			})
 			.catch(err => {
 				this.logger.warn(
-					`Restoring pack from ${cacheLocation}.pack failed: ${err}`
+					`Restoring pack from ${cacheLocation}${this._extension} failed: ${err}`
 				);
 				this.logger.debug(err.stack);
 				return new Pack(logger, this.maxAge);
@@ -1236,8 +1247,8 @@ class PackFileCacheStrategy {
 					);
 					return this.fileSerializer
 						.serialize(content, {
-							filename: `${this.cacheLocation}/index.pack`,
-							extension: ".pack",
+							filename: `${this.cacheLocation}/index${this._extension}`,
+							extension: `${this._extension}`,
 							logger: this.logger,
 							profile: this.profile
 						})

package/lib/config/defaults.js

@@ -182,6 +182,11 @@ const applyWebpackOptionsDefaults = options => {
 	applyOutputDefaults(options.output, {
 		context: options.context,
 		targetProperties,
+		isAffectedByBrowserslist:
+			target === undefined ||
+			(typeof target === "string" && target.startsWith("browserslist")) ||
+			(Array.isArray(target) &&
+				target.some(target => target.startsWith("browserslist"))),
 		outputModule: options.experiments.outputModule,
 		development,
 		entry: options.entry,
@@ -293,9 +298,11 @@ const applyCacheDefaults = (cache, { name, mode, development }) => {
 			);
 			D(cache, "hashAlgorithm", "md4");
 			D(cache, "store", "pack");
+			D(cache, "compression", development ? false : "gzip");
 			D(cache, "profile", false);
 			D(cache, "idleTimeout", 60000);
-			D(cache, "idleTimeoutForInitialStore", 0);
+			D(cache, "idleTimeoutForInitialStore", 5000);
+			D(cache, "idleTimeoutAfterLargeChanges", 1000);
 			D(cache, "maxMemoryGenerations", development ? 5 : Infinity);
 			D(cache, "maxAge", 1000 * 60 * 60 * 24 * 60); // 1 month
 			D(cache, "allowCollectingMemory", development);
@@ -543,6 +550,7 @@ const applyModuleDefaults = (
  * @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
@@ -551,7 +559,15 @@ const applyModuleDefaults = (
  */
 const applyOutputDefaults = (
 	output,
-	{ context, targetProperties: tp, outputModule, development, entry, module }
+	{
+		context,
+		targetProperties: tp,
+		isAffectedByBrowserslist,
+		outputModule,
+		development,
+		entry,
+		module
+	}
 ) => {
 	/**
 	 * @param {Library=} library the library option
@@ -591,8 +607,8 @@ const applyOutputDefaults = (
 		}
 	});
 
-	D(output, "filename", "[name].js");
 	F(output, "module", () => !!outputModule);
+	D(output, "filename", output.module ? "[name].mjs" : "[name].js");
 	F(output, "iife", () => !output.module);
 	D(output, "importFunctionName", "import");
 	D(output, "importMetaName", "import.meta");
@@ -608,7 +624,7 @@ const applyOutputDefaults = (
 			// Otherwise prefix "[id]." in front of the basename to make it changing
 			return filename.replace(/(^|\/)([^/]*(?:\?|$))/, "$1[id].$2");
 		}
-		return "[id].js";
+		return output.module ? "[id].mjs" : "[id].js";
 	});
 	D(output, "assetModuleFilename", "[hash][ext][query]");
 	D(output, "webassemblyModuleFilename", "[hash].module.wasm");
@@ -633,13 +649,34 @@ const applyOutputDefaults = (
 	});
 	F(output, "chunkFormat", () => {
 		if (tp) {
-			if (tp.document) return "array-push";
-			if (tp.require) return "commonjs";
-			if (tp.nodeBuiltins) return "commonjs";
-			if (tp.importScripts) return "array-push";
-			if (tp.dynamicImport && output.module) return "module";
+			const helpMessage = isAffectedByBrowserslist
+				? "Make sure that your 'browserslist' includes only platforms that support these features or select an appropriate 'target' to allow selecting a chunk format by default. Alternatively specify the 'output.chunkFormat' directly."
+				: "Select an appropriate 'target' to allow selecting one by default, or specify the 'output.chunkFormat' directly.";
+			if (output.module) {
+				if (tp.dynamicImport) return "module";
+				if (tp.document) return "array-push";
+				throw new Error(
+					"For the selected environment is no default ESM chunk format available:\n" +
+						"ESM exports can be chosen when 'import()' is available.\n" +
+						"JSONP Array push can be chosen when 'document' is available.\n" +
+						helpMessage
+				);
+			} else {
+				if (tp.document) return "array-push";
+				if (tp.require) return "commonjs";
+				if (tp.nodeBuiltins) return "commonjs";
+				if (tp.importScripts) return "array-push";
+				throw new Error(
+					"For the selected environment is no default script chunk format available:\n" +
+						"JSONP Array push can be chosen when 'document' or 'importScripts' is available.\n" +
+						"CommonJs exports can be chosen when 'require' or node builtins are available.\n" +
+						helpMessage
+				);
+			}
 		}
-		return false;
+		throw new Error(
+			"Chunk format can't be selected by default when no target is specified"
+		);
 	});
 	F(output, "chunkLoading", () => {
 		if (tp) {
@@ -694,7 +731,8 @@ const applyOutputDefaults = (
 	F(output, "wasmLoading", () => {
 		if (tp) {
 			if (tp.fetchWasm) return "fetch";
-			if (tp.nodeBuiltins) return "async-node";
+			if (tp.nodeBuiltins)
+				return output.module ? "async-node-module" : "async-node";
 			if (tp.nodeBuiltins === null || tp.fetchWasm === null) {
 				return "universal";
 			}
@@ -709,7 +747,11 @@ const applyOutputDefaults = (
 	F(output, "path", () => path.join(process.cwd(), "dist"));
 	F(output, "pathinfo", () => development);
 	D(output, "sourceMapFilename", "[file].map[query]");
-	D(output, "hotUpdateChunkFilename", "[id].[fullhash].hot-update.js");
+	D(
+		output,
+		"hotUpdateChunkFilename",
+		`[id].[fullhash].hot-update.${output.module ? "mjs" : "js"}`
+	);
 	D(output, "hotUpdateMainFilename", "[runtime].[fullhash].hot-update.json");
 	D(output, "crossOriginLoading", false);
 	F(output, "scriptType", () => (output.module ? "module" : false));

package/lib/config/normalization.js

@@ -137,8 +137,10 @@ const getNormalizedWebpackOptions = config => {
 						cacheDirectory: cache.cacheDirectory,
 						cacheLocation: cache.cacheLocation,
 						hashAlgorithm: cache.hashAlgorithm,
+						compression: cache.compression,
 						idleTimeout: cache.idleTimeout,
 						idleTimeoutForInitialStore: cache.idleTimeoutForInitialStore,
+						idleTimeoutAfterLargeChanges: cache.idleTimeoutAfterLargeChanges,
 						name: cache.name,
 						store: cache.store,
 						version: cache.version

package/lib/dependencies/HarmonyExportInitFragment.js

@@ -31,6 +31,9 @@ const joinIterableWithComma = iterable => {
 const EMPTY_MAP = new Map();
 const EMPTY_SET = new Set();
 
+/**
+ * @typedef {GenerateContext} Context
+ */
 class HarmonyExportInitFragment extends InitFragment {
 	/**
 	 * @param {string} exportsArgument the exports identifier
@@ -126,7 +129,7 @@ class HarmonyExportInitFragment extends InitFragment {
 	}
 
 	/**
-	 * @param {GenerateContext} generateContext context for generate
+	 * @param {Context} context context
 	 * @returns {string|Source} the source code that will be included as initialization code
 	 */
 	getContent({ runtimeTemplate, runtimeRequirements }) {