webpack 5.38.0 → 5.40.0

package/README.md

@@ -40,7 +40,7 @@
 	</a>
   <h1>webpack</h1>
   <p>
-    webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
+    Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
   </p>
 </div>
 
@@ -77,7 +77,7 @@ yarn add webpack --dev
 
 <h2 align="center">Introduction</h2>
 
-webpack is a bundler for modules. The main purpose is to bundle JavaScript
+Webpack is a bundler for modules. The main purpose is to bundle JavaScript
 files for usage in a browser, yet it is also capable of transforming, bundling,
 or packaging just about any resource or asset.
 
@@ -95,14 +95,14 @@ Check out webpack's quick [**Get Started**](https://webpack.js.org/guides/gettin
 
 ### Browser Compatibility
 
-webpack supports all browsers that are [ES5-compliant](https://kangax.github.io/compat-table/es5/) (IE8 and below are not supported).
-webpack also needs `Promise` for `import()` and `require.ensure()`. If you want to support older browsers, you will need to [load a polyfill](https://webpack.js.org/guides/shimming/) before using these expressions.
+Webpack supports all browsers that are [ES5-compliant](https://kangax.github.io/compat-table/es5/) (IE8 and below are not supported).
+Webpack also needs `Promise` for `import()` and `require.ensure()`. If you want to support older browsers, you will need to [load a polyfill](https://webpack.js.org/guides/shimming/) before using these expressions.
 
 <h2 align="center">Concepts</h2>
 
 ### [Plugins](https://webpack.js.org/plugins/)
 
-webpack has a [rich plugin
+Webpack has a [rich plugin
 interface](https://webpack.js.org/plugins/). Most of the features
 within webpack itself use this plugin interface. This makes webpack very
 **flexible**.
@@ -129,7 +129,7 @@ within webpack itself use this plugin interface. This makes webpack very
 
 ### [Loaders](https://webpack.js.org/loaders/)
 
-webpack enables the use of loaders to preprocess files. This allows you to bundle
+Webpack enables the use of loaders to preprocess files. This allows you to bundle
 **any static resource** way beyond JavaScript. You can easily [write your own
 loaders](https://webpack.js.org/api/loaders/) using Node.js.
 
@@ -249,23 +249,23 @@ or are automatically applied via regex from your webpack configuration.
 
 ### Performance
 
-webpack uses async I/O and has multiple caching levels. This makes webpack fast
+Webpack uses async I/O and has multiple caching levels. This makes webpack fast
 and incredibly **fast** on incremental compilations.
 
 ### Module Formats
 
-webpack supports ES2015+, CommonJS and AMD modules **out of the box**. It performs clever static
+Webpack supports ES2015+, CommonJS and AMD modules **out of the box**. It performs clever static
 analysis on the AST of your code. It even has an evaluation engine to evaluate
 simple expressions. This allows you to **support most existing libraries** out of the box.
 
 ### [Code Splitting](https://webpack.js.org/guides/code-splitting/)
 
-webpack allows you to split your codebase into multiple chunks. Chunks are
+Webpack allows you to split your codebase into multiple chunks. Chunks are
 loaded asynchronously at runtime. This reduces the initial loading time.
 
 ### [Optimizations](https://webpack.js.org/guides/production-build/)
 
-webpack can do many optimizations to **reduce the output size of your
+Webpack can do many optimizations to **reduce the output size of your
 JavaScript** by deduplicating frequently used modules, minifying, and giving
 you full control of what is loaded initially and what is loaded at runtime
 through code splitting. It can also make your code chunks **cache

package/bin/webpack.js

@@ -32,13 +32,28 @@ const runCommand = (command, args) => {
  * @returns {boolean} is the package installed?
  */
 const isInstalled = packageName => {
-	try {
-		require.resolve(packageName);
-
+	if (process.versions.pnp) {
 		return true;
-	} catch (err) {
-		return false;
 	}
+
+	const path = require("path");
+	const fs = require("graceful-fs");
+
+	let dir = __dirname;
+
+	do {
+		try {
+			if (
+				fs.statSync(path.join(dir, "node_modules", packageName)).isDirectory()
+			) {
+				return true;
+			}
+		} catch (_error) {
+			// Nothing
+		}
+	} while (dir !== (dir = path.dirname(dir)));
+
+	return false;
 };
 
 /**

package/lib/AsyncDependencyToInitialChunkError.js

@@ -25,8 +25,6 @@ class AsyncDependencyToInitialChunkError extends WebpackError {
 		this.name = "AsyncDependencyToInitialChunkError";
 		this.module = module;
 		this.loc = loc;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/CaseSensitiveModulesWarning.js

@@ -65,8 +65,6 @@ ${modulesList}`);
 
 		this.name = "CaseSensitiveModulesWarning";
 		this.module = sortedModules[0];
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/Chunk.js

@@ -598,8 +598,12 @@ class Chunk {
 	 */
 	getAllInitialChunks() {
 		const chunks = new Set();
-		for (const group of this.groupsIterable) {
-			for (const c of group.chunks) chunks.add(c);
+		const queue = new Set(this.groupsIterable);
+		for (const group of queue) {
+			if (group.isInitial()) {
+				for (const c of group.chunks) chunks.add(c);
+				for (const g of group.childrenIterable) queue.add(g);
+			}
 		}
 		return chunks;
 	}

package/lib/ChunkRenderError.js

@@ -25,8 +25,6 @@ class ChunkRenderError extends WebpackError {
 		this.details = error.stack;
 		this.file = file;
 		this.chunk = chunk;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/CodeGenerationError.js

@@ -23,8 +23,6 @@ class CodeGenerationError extends WebpackError {
 		this.message = error.message;
 		this.details = error.stack;
 		this.module = module;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/CommentCompilationWarning.js

@@ -22,8 +22,6 @@ class CommentCompilationWarning extends WebpackError {
 		this.name = "CommentCompilationWarning";
 
 		this.loc = loc;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/Compilation.js

@@ -337,6 +337,31 @@ const deprecatedNormalModuleLoaderHook = util.deprecate(
 	"DEP_WEBPACK_COMPILATION_NORMAL_MODULE_LOADER_HOOK"
 );
 
+// TODO webpack 6: remove
+const defineRemovedModuleTemplates = moduleTemplates => {
+	Object.defineProperties(moduleTemplates, {
+		asset: {
+			enumerable: false,
+			configurable: false,
+			get: () => {
+				throw new WebpackError(
+					"Compilation.moduleTemplates.asset has been removed"
+				);
+			}
+		},
+		webassembly: {
+			enumerable: false,
+			configurable: false,
+			get: () => {
+				throw new WebpackError(
+					"Compilation.moduleTemplates.webassembly has been removed"
+				);
+			}
+		}
+	});
+	moduleTemplates = undefined;
+};
+
 const byId = compareSelect(
 	/**
 	 * @param {Chunk} c chunk
@@ -861,26 +886,7 @@ BREAKING CHANGE: Asset processing hooks in Compilation has been merged into a si
 		this.moduleTemplates = {
 			javascript: new ModuleTemplate(this.runtimeTemplate, this)
 		};
-		Object.defineProperties(this.moduleTemplates, {
-			asset: {
-				enumerable: false,
-				configurable: false,
-				get() {
-					throw new WebpackError(
-						"Compilation.moduleTemplates.asset has been removed"
-					);
-				}
-			},
-			webassembly: {
-				enumerable: false,
-				configurable: false,
-				get() {
-					throw new WebpackError(
-						"Compilation.moduleTemplates.webassembly has been removed"
-					);
-				}
-			}
-		});
+		defineRemovedModuleTemplates(this.moduleTemplates);
 
 		this.moduleGraph = new ModuleGraph();
 		/** @type {ChunkGraph} */
@@ -1999,6 +2005,7 @@ BREAKING CHANGE: Asset processing hooks in Compilation has been merged into a si
 	}
 
 	finish(callback) {
+		this.factorizeQueue.clear();
 		if (this.profile) {
 			this.logger.time("finish module profiles");
 			const ParallelismFactorCalculator = require("./util/ParallelismFactorCalculator");
@@ -2233,6 +2240,14 @@ BREAKING CHANGE: Asset processing hooks in Compilation has been merged into a si
 	 * @returns {void}
 	 */
 	seal(callback) {
+		const finalCallback = err => {
+			this.factorizeQueue.clear();
+			this.buildQueue.clear();
+			this.rebuildQueue.clear();
+			this.processDependenciesQueue.clear();
+			this.addModuleQueue.clear();
+			return callback(err);
+		};
 		const chunkGraph = new ChunkGraph(this.moduleGraph);
 		this.chunkGraph = chunkGraph;
 
@@ -2397,7 +2412,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 
 		this.hooks.optimizeTree.callAsync(this.chunks, this.modules, err => {
 			if (err) {
-				return callback(
+				return finalCallback(
 					makeWebpackError(err, "Compilation.hooks.optimizeTree")
 				);
 			}
@@ -2409,7 +2424,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 				this.modules,
 				err => {
 					if (err) {
-						return callback(
+						return finalCallback(
 							makeWebpackError(err, "Compilation.hooks.optimizeChunkModules")
 						);
 					}
@@ -2452,7 +2467,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 					this.hooks.beforeCodeGeneration.call();
 					this.codeGeneration(err => {
 						if (err) {
-							return callback(err);
+							return finalCallback(err);
 						}
 						this.hooks.afterCodeGeneration.call();
 						this.logger.timeEnd("code generation");
@@ -2471,7 +2486,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 
 						this._runCodeGenerationJobs(codeGenerationJobs, err => {
 							if (err) {
-								return callback(err);
+								return finalCallback(err);
 							}
 
 							if (shouldRecord) {
@@ -2491,7 +2506,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 								this.logger.time("process assets");
 								this.hooks.processAssets.callAsync(this.assets, err => {
 									if (err) {
-										return callback(
+										return finalCallback(
 											makeWebpackError(err, "Compilation.hooks.processAssets")
 										);
 									}
@@ -2517,12 +2532,12 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 									}
 									return this.hooks.afterSeal.callAsync(err => {
 										if (err) {
-											return callback(
+											return finalCallback(
 												makeWebpackError(err, "Compilation.hooks.afterSeal")
 											);
 										}
 										this.fileSystemInfo.logStatistics();
-										callback();
+										finalCallback();
 									});
 								});
 							};
@@ -2533,7 +2548,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 								this.createChunkAssets(err => {
 									this.logger.timeEnd("create chunk assets");
 									if (err) {
-										return callback(err);
+										return finalCallback(err);
 									}
 									cont();
 								});

package/lib/ConcurrentCompilationError.js

@@ -14,7 +14,5 @@ module.exports = class ConcurrentCompilationError extends WebpackError {
 		this.name = "ConcurrentCompilationError";
 		this.message =
 			"You ran Webpack twice. Each instance only supports a single concurrent compilation at a time.";
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/lib/ContextModule.js

@@ -54,6 +54,7 @@ const makeSerializable = require("./util/makeSerializable");
  * @property {RegExp=} include
  * @property {RegExp=} exclude
  * @property {RawChunkGroupOptions=} groupOptions
+ * @property {string=} typePrefix
  * @property {string=} category
  * @property {string[][]=} referencedExports exports referenced from modules (won't be mangled)
  */
@@ -577,7 +578,7 @@ class ContextModule extends Module {
 		fakeMapDataExpression = "fakeMap[id]"
 	) {
 		if (typeof fakeMap === "number") {
-			return `return ${this.getReturn(fakeMap)};`;
+			return `return ${this.getReturn(fakeMap, asyncModule)};`;
 		}
 		return `return ${
 			RuntimeGlobals.createFakeNamespaceObject

package/lib/ContextModuleFactory.js

@@ -273,7 +273,8 @@ module.exports = class ContextModuleFactory extends ModuleFactory {
 			include,
 			exclude,
 			referencedExports,
-			category
+			category,
+			typePrefix
 		} = options;
 		if (!regExp || !resource) return callback(null, []);
 
@@ -346,6 +347,7 @@ module.exports = class ContextModuleFactory extends ModuleFactory {
 													const dep = new ContextElementDependency(
 														obj.request + resourceQuery + resourceFragment,
 														obj.request,
+														typePrefix,
 														category,
 														referencedExports
 													);

package/lib/DllReferencePlugin.js

@@ -156,8 +156,6 @@ class DllManifestError extends WebpackError {
 
 		this.name = "DllManifestError";
 		this.message = `Dll manifest ${filename}\n${message}`;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/ExportsInfo.js

@@ -146,6 +146,7 @@ class ExportsInfo {
 			for (const entry of exports.values()) {
 				const name = namesInOrder[i];
 				if (entry.name !== name) break;
+				i++;
 			}
 			for (; i < namesInOrder.length; i++) {
 				const name = namesInOrder[i];

package/lib/HarmonyLinkingError.js

@@ -12,7 +12,5 @@ module.exports = class HarmonyLinkingError extends WebpackError {
 		super(message);
 		this.name = "HarmonyLinkingError";
 		this.hideStack = true;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/lib/HookWebpackError.js

@@ -32,7 +32,6 @@ class HookWebpackError extends WebpackError {
 		this.hideStack = true;
 		this.details = `caused by plugins in ${hook}\n${error.stack}`;
 
-		Error.captureStackTrace(this, this.constructor);
 		this.stack += `\n-- inner error --\n${error.stack}`;
 	}
 }

package/lib/InvalidDependenciesModuleWarning.js

@@ -33,8 +33,6 @@ ${depsList.slice(0, 3).join("\n")}${
 		this.name = "InvalidDependenciesModuleWarning";
 		this.details = depsList.slice(3).join("\n");
 		this.module = module;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/ModuleBuildError.js

@@ -53,8 +53,6 @@ class ModuleBuildError extends WebpackError {
 		this.name = "ModuleBuildError";
 		this.details = details;
 		this.error = err;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 
 	serialize(context) {

package/lib/ModuleDependencyError.js

@@ -30,8 +30,6 @@ class ModuleDependencyError extends WebpackError {
 		/** error is not (de)serialized, so it might be undefined after deserialization */
 		this.error = err;
 
-		Error.captureStackTrace(this, this.constructor);
-
 		if (err && /** @type {any} */ (err).hideStack) {
 			this.stack =
 				err.stack.split("\n").slice(1).join("\n") + "\n\n" + this.stack;

package/lib/ModuleDependencyWarning.js

@@ -30,8 +30,6 @@ class ModuleDependencyWarning extends WebpackError {
 		/** error is not (de)serialized, so it might be undefined after deserialization */
 		this.error = err;
 
-		Error.captureStackTrace(this, this.constructor);
-
 		if (err && /** @type {any} */ (err).hideStack) {
 			this.stack =
 				err.stack.split("\n").slice(1).join("\n") + "\n\n" + this.stack;

package/lib/ModuleError.js

@@ -37,8 +37,6 @@ class ModuleError extends WebpackError {
 			err && typeof err === "object" && err.stack
 				? cleanUp(err.stack, this.message)
 				: undefined;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 
 	serialize(context) {

package/lib/ModuleNotFoundError.js

@@ -80,8 +80,6 @@ class ModuleNotFoundError extends WebpackError {
 		this.module = module;
 		this.error = err;
 		this.loc = loc;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/ModuleParseError.js

@@ -85,8 +85,6 @@ class ModuleParseError extends WebpackError {
 		this.name = "ModuleParseError";
 		this.loc = loc;
 		this.error = err;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 
 	serialize(context) {

package/lib/ModuleRestoreError.js

@@ -36,8 +36,6 @@ class ModuleRestoreError extends WebpackError {
 		this.details = details;
 		this.module = module;
 		this.error = err;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/ModuleStoreError.js

@@ -36,8 +36,6 @@ class ModuleStoreError extends WebpackError {
 		this.details = details;
 		this.module = module;
 		this.error = err;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/ModuleWarning.js

@@ -37,8 +37,6 @@ class ModuleWarning extends WebpackError {
 			warning && typeof warning === "object" && warning.stack
 				? cleanUp(warning.stack, this.message)
 				: undefined;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 
 	serialize(context) {

package/lib/NoModeWarning.js

@@ -18,7 +18,5 @@ module.exports = class NoModeWarning extends WebpackError {
 			"Set 'mode' option to 'development' or 'production' to enable defaults for each environment.\n" +
 			"You can also set it to 'none' to disable any default behavior. " +
 			"Learn more: https://webpack.js.org/configuration/mode/";
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/lib/NormalModule.js

@@ -164,8 +164,6 @@ class NonErrorEmittedError extends WebpackError {
 
 		this.name = "NonErrorEmittedError";
 		this.message = "(Emitted value instead of an instance of Error) " + error;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/UnsupportedFeatureWarning.js

@@ -21,8 +21,6 @@ class UnsupportedFeatureWarning extends WebpackError {
 		this.name = "UnsupportedFeatureWarning";
 		this.loc = loc;
 		this.hideStack = true;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/WarnDeprecatedOptionPlugin.js

@@ -48,8 +48,6 @@ class DeprecatedOptionWarning extends WebpackError {
 			"configuration\n" +
 			`The value '${value}' for option '${option}' is deprecated. ` +
 			`Use '${suggestion}' instead.`;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/WebpackError.js

@@ -31,8 +31,6 @@ class WebpackError extends Error {
 		this.chunk = undefined;
 		/** @type {string} */
 		this.file = undefined;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 
 	[inspect]() {

package/lib/cache/PackFileCacheStrategy.js

@@ -8,6 +8,7 @@
 const FileSystemInfo = require("../FileSystemInfo");
 const ProgressPlugin = require("../ProgressPlugin");
 const { formatSize } = require("../SizeFormatHelpers");
+const SerializerMiddleware = require("../serialization/SerializerMiddleware");
 const LazySet = require("../util/LazySet");
 const makeSerializable = require("../util/makeSerializable");
 const memoize = require("../util/memoize");
@@ -677,7 +678,7 @@ class PackContent {
 	 */
 	constructor(items, usedItems, dataOrFn, logger, lazyName) {
 		this.items = items;
-		/** @type {function(): PackContentItems | Promise<PackContentItems>} */
+		/** @type {function(): Promise<PackContentItems> | PackContentItems } */
 		this.lazy = typeof dataOrFn === "function" ? dataOrFn : undefined;
 		/** @type {Map<string, any>} */
 		this.content = typeof dataOrFn === "function" ? undefined : dataOrFn.map;
@@ -715,6 +716,7 @@ class PackContent {
 					this.logger.timeEnd(timeMessage);
 				}
 				this.content = map;
+				this.lazy = SerializerMiddleware.unMemoizeLazy(this.lazy);
 				return map.get(identifier);
 			});
 		} else {
@@ -723,6 +725,7 @@ class PackContent {
 				this.logger.timeEnd(timeMessage);
 			}
 			this.content = map;
+			this.lazy = SerializerMiddleware.unMemoizeLazy(this.lazy);
 			return map.get(identifier);
 		}
 	}

package/lib/cli.js

@@ -148,7 +148,7 @@ const getArguments = (schema = webpackSchema) => {
 				{
 					type: "reset",
 					multiple: false,
-					description: `Clear all items provided in configuration. ${description}`,
+					description: `Clear all items provided in '${schemaPath}' configuration. ${description}`,
 					path: schemaPath
 				}
 			],

package/lib/config/normalization.js

@@ -129,6 +129,7 @@ const getNormalizedWebpackOptions = config => {
 				case "filesystem":
 					return {
 						type: "filesystem",
+						allowCollectingMemory: cache.allowCollectingMemory,
 						maxMemoryGenerations: cache.maxMemoryGenerations,
 						maxAge: cache.maxAge,
 						profile: cache.profile,

package/lib/dependencies/ContextElementDependency.js

@@ -14,9 +14,10 @@ const ModuleDependency = require("./ModuleDependency");
 /** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
 
 class ContextElementDependency extends ModuleDependency {
-	constructor(request, userRequest, category, referencedExports) {
+	constructor(request, userRequest, typePrefix, category, referencedExports) {
 		super(request);
 		this.referencedExports = referencedExports;
+		this._typePrefix = typePrefix;
 		this._category = category;
 
 		if (userRequest) {
@@ -25,6 +26,10 @@ class ContextElementDependency extends ModuleDependency {
 	}
 
 	get type() {
+		if (this._typePrefix) {
+			return `${this._typePrefix} context element`;
+		}
+
 		return "context element";
 	}
 

package/lib/dependencies/CriticalDependencyWarning.js

@@ -14,8 +14,6 @@ class CriticalDependencyWarning extends WebpackError {
 
 		this.name = "CriticalDependencyWarning";
 		this.message = "Critical dependency: " + message;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/dependencies/ImportParserPlugin.js

@@ -248,6 +248,7 @@ class ImportParserPlugin {
 						namespaceObject: parser.state.module.buildMeta.strictHarmonyModule
 							? "strict"
 							: true,
+						typePrefix: "import()",
 						category: "esm",
 						referencedExports: exports
 					},

package/lib/dependencies/RequireIncludeDependencyParserPlugin.js

@@ -67,8 +67,6 @@ class RequireIncludeDeprecationWarning extends WebpackError {
 		this.name = "RequireIncludeDeprecationWarning";
 
 		this.loc = loc;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/dependencies/SystemPlugin.js

@@ -127,8 +127,6 @@ class SystemImportDeprecationWarning extends WebpackError {
 		this.name = "SystemImportDeprecationWarning";
 
 		this.loc = loc;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/errors/BuildCycleError.js

@@ -21,7 +21,6 @@ class BuildCycleError extends WebpackError {
 
 		this.name = "BuildCycleError";
 		this.module = module;
-		Error.captureStackTrace(this, this.constructor);
 	}
 }
 

package/lib/hmr/LazyCompilationPlugin.js

@@ -350,7 +350,9 @@ class LazyCompilationPlugin {
 							resolveData.dependencies.every(
 								dep =>
 									IGNORED_DEPENDENCY_TYPES.has(dep.type) ||
-									(this.imports && dep.type === "import()") ||
+									(this.imports &&
+										(dep.type === "import()" ||
+											dep.type === "import() context element")) ||
 									(this.entries && dep.type === "entry")
 							) &&
 							!/webpack[/\\]hot[/\\]|webpack-dev-server[/\\]client/.test(

package/lib/javascript/JavascriptParser.js

@@ -175,11 +175,18 @@ class JavascriptParser extends Parser {
 			/** @type {SyncBailHook<[IfStatementNode], boolean | void>} */
 			statementIf: new SyncBailHook(["statement"]),
 			/** @type {SyncBailHook<[ExpressionNode, ClassExpressionNode | ClassDeclarationNode], boolean | void>} */
-			classExtendsExpression: new SyncBailHook(["expression", "statement"]),
+			classExtendsExpression: new SyncBailHook([
+				"expression",
+				"classDefinition"
+			]),
 			/** @type {SyncBailHook<[MethodDefinitionNode | PropertyDefinitionNode, ClassExpressionNode | ClassDeclarationNode], boolean | void>} */
-			classBodyElement: new SyncBailHook(["element", "statement"]),
+			classBodyElement: new SyncBailHook(["element", "classDefinition"]),
 			/** @type {SyncBailHook<[ExpressionNode, MethodDefinitionNode | PropertyDefinitionNode, ClassExpressionNode | ClassDeclarationNode], boolean | void>} */
-			classBodyValue: new SyncBailHook(["expression", "element", "statement"]),
+			classBodyValue: new SyncBailHook([
+				"expression",
+				"element",
+				"classDefinition"
+			]),
 			/** @type {HookMap<SyncBailHook<[LabeledStatementNode], boolean | void>>} */
 			label: new HookMap(() => new SyncBailHook(["statement"])),
 			/** @type {SyncBailHook<[StatementNode, ImportSource], boolean | void>} */

package/lib/node/NodeTargetPlugin.js

@@ -55,6 +55,7 @@ const builtins = [
 	"wasi",
 	"worker_threads",
 	"zlib",
+	/^node:/,
 
 	// cspell:word pnpapi
 	// Yarn PnP adds pnpapi as "builtin"

package/lib/optimize/InnerGraphPlugin.js

@@ -238,12 +238,25 @@ class InnerGraphPlugin {
 						}
 					);
 
+					parser.hooks.classBodyElement.tap(
+						"InnerGraphPlugin",
+						(element, classDefinition) => {
+							if (!InnerGraph.isEnabled(parser.state)) return;
+							if (parser.scope.topLevelScope === true) {
+								const fn = classWithTopLevelSymbol.get(classDefinition);
+								if (fn) {
+									InnerGraph.setTopLevelSymbol(parser.state, undefined);
+								}
+							}
+						}
+					);
+
 					parser.hooks.classBodyValue.tap(
 						"InnerGraphPlugin",
-						(expression, element, statement) => {
+						(expression, element, classDefinition) => {
 							if (!InnerGraph.isEnabled(parser.state)) return;
 							if (parser.scope.topLevelScope === true) {
-								const fn = classWithTopLevelSymbol.get(statement);
+								const fn = classWithTopLevelSymbol.get(classDefinition);
 								if (fn) {
 									if (
 										!element.static ||
@@ -253,6 +266,24 @@ class InnerGraphPlugin {
 										)
 									) {
 										InnerGraph.setTopLevelSymbol(parser.state, fn);
+										if (element.type !== "MethodDefinition" && element.static) {
+											InnerGraph.onUsage(parser.state, usedByExports => {
+												switch (usedByExports) {
+													case undefined:
+													case true:
+														return;
+													default: {
+														const dep = new PureExpressionDependency(
+															expression.range
+														);
+														dep.loc = expression.loc;
+														dep.usedByExports = usedByExports;
+														parser.state.module.addDependency(dep);
+														break;
+													}
+												}
+											});
+										}
 									} else {
 										InnerGraph.setTopLevelSymbol(parser.state, undefined);
 									}

package/lib/performance/AssetsOverSizeLimitWarning.js

@@ -28,7 +28,5 @@ Assets: ${assetLists}`);
 
 		this.name = "AssetsOverSizeLimitWarning";
 		this.assets = assetsOverSizeLimit;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/lib/performance/EntrypointsOverSizeLimitWarning.js

@@ -31,7 +31,5 @@ Entrypoints:${entrypointList}\n`);
 
 		this.name = "EntrypointsOverSizeLimitWarning";
 		this.entrypoints = entrypoints;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/lib/performance/NoAsyncChunksWarning.js

@@ -16,7 +16,5 @@ module.exports = class NoAsyncChunksWarning extends WebpackError {
 		);
 
 		this.name = "NoAsyncChunksWarning";
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/lib/serialization/PlainObjectSerializer.js

@@ -7,19 +7,21 @@
 const cache = new WeakMap();
 
 class ObjectStructure {
-	constructor(keys) {
-		this.keys = keys;
-		this.children = new Map();
+	constructor() {
+		this.keys = undefined;
+		this.children = undefined;
 	}
 
-	getKeys() {
+	getKeys(keys) {
+		if (this.keys === undefined) this.keys = keys;
 		return this.keys;
 	}
 
 	key(key) {
+		if (this.children === undefined) this.children = new Map();
 		const child = this.children.get(key);
 		if (child !== undefined) return child;
-		const newChild = new ObjectStructure(this.keys.concat(key));
+		const newChild = new ObjectStructure();
 		this.children.set(key, newChild);
 		return newChild;
 	}
@@ -28,20 +30,27 @@ class ObjectStructure {
 const getCachedKeys = (keys, cacheAssoc) => {
 	let root = cache.get(cacheAssoc);
 	if (root === undefined) {
-		root = new ObjectStructure([]);
+		root = new ObjectStructure();
 		cache.set(cacheAssoc, root);
 	}
 	let current = root;
 	for (const key of keys) {
 		current = current.key(key);
 	}
-	return current.getKeys();
+	return current.getKeys(keys);
 };
 
 class PlainObjectSerializer {
 	serialize(obj, { write }) {
 		const keys = Object.keys(obj);
-		if (keys.length > 1) {
+		if (keys.length > 128) {
+			// Objects with so many keys are unlikely to share structure
+			// with other objects
+			write(keys);
+			for (const key of keys) {
+				write(obj[key]);
+			}
+		} else if (keys.length > 1) {
 			write(getCachedKeys(keys, write));
 			for (const key of keys) {
 				write(obj[key]);

package/lib/serialization/Serializer.js

@@ -15,7 +15,7 @@ class Serializer {
 		const ctx = { ...context, ...this.context };
 		let current = obj;
 		for (const middleware of this.serializeMiddlewares) {
-			if (current instanceof Promise) {
+			if (current && typeof current.then === "function") {
 				current = current.then(
 					data => data && middleware.serialize(data, context)
 				);
@@ -35,7 +35,7 @@ class Serializer {
 		/** @type {any} */
 		let current = value;
 		for (const middleware of this.deserializeMiddlewares) {
-			if (current instanceof Promise) {
+			if (current && typeof current.then === "function") {
 				current = current.then(data => middleware.deserialize(data, context));
 			} else {
 				current = middleware.deserialize(current, ctx);

package/lib/serialization/SerializerMiddleware.js

@@ -100,9 +100,10 @@ class SerializerMiddleware {
 	static serializeLazy(lazy, serialize) {
 		const fn = memoize(() => {
 			const r = lazy();
-			if (r instanceof Promise) return r.then(data => data && serialize(data));
-			if (r) return serialize(r);
-			return null;
+			if (r && typeof r.then === "function") {
+				return r.then(data => data && serialize(data));
+			}
+			return serialize(r);
 		});
 		fn[LAZY_TARGET] = lazy[LAZY_TARGET];
 		/** @type {any} */ (fn).options = /** @type {any} */ (lazy).options;
@@ -118,7 +119,9 @@ class SerializerMiddleware {
 	static deserializeLazy(lazy, deserialize) {
 		const fn = memoize(() => {
 			const r = lazy();
-			if (r instanceof Promise) return r.then(data => deserialize(data));
+			if (r && typeof r.then === "function") {
+				return r.then(data => deserialize(data));
+			}
 			return deserialize(r);
 		});
 		fn[LAZY_TARGET] = lazy[LAZY_TARGET];
@@ -126,6 +129,25 @@ class SerializerMiddleware {
 		fn[LAZY_SERIALIZED_VALUE] = lazy;
 		return fn;
 	}
+
+	/**
+	 * @param {function(): Promise<any> | any} lazy lazy function
+	 * @returns {function(): Promise<any> | any} new lazy
+	 */
+	static unMemoizeLazy(lazy) {
+		if (!SerializerMiddleware.isLazy(lazy)) return lazy;
+		const fn = () => {
+			throw new Error(
+				"A lazy value that has been unmemorized can't be called again"
+			);
+		};
+		fn[LAZY_SERIALIZED_VALUE] = SerializerMiddleware.unMemoizeLazy(
+			lazy[LAZY_SERIALIZED_VALUE]
+		);
+		fn[LAZY_TARGET] = lazy[LAZY_TARGET];
+		fn.options = /** @type {any} */ (lazy).options;
+		return fn;
+	}
 }
 
 module.exports = SerializerMiddleware;

package/lib/util/ArrayQueue.js

@@ -27,6 +27,14 @@ class ArrayQueue {
 		return this._list.length + this._listReversed.length;
 	}
 
+	/**
+	 * Empties the queue.
+	 */
+	clear() {
+		this._list.length = 0;
+		this._listReversed.length = 0;
+	}
+
 	/**
 	 * Appends the specified element to this queue.
 	 * @param {T} item The element to add.

package/lib/util/AsyncQueue.js

@@ -359,6 +359,15 @@ class AsyncQueue {
 			inHandleResult--;
 		});
 	}
+
+	clear() {
+		this._entries.clear();
+		this._queued.clear();
+		this._activeTasks = 0;
+		this._willEnsureProcessing = false;
+		this._needProcessing = false;
+		this._stopped = false;
+	}
 }
 
 module.exports = AsyncQueue;

package/lib/util/LazySet.js

@@ -24,21 +24,17 @@ const merge = (targetSet, toMerge) => {
 /**
  * @template T
  * @param {Set<Iterable<T>>} targetSet set where iterables should be added
- * @param {Array<Iterable<T> | LazySet<T>>} toDeepMerge iterables or lazy set to be flattened
+ * @param {Array<LazySet<T>>} toDeepMerge lazy sets to be flattened
  * @returns {void}
  */
 const flatten = (targetSet, toDeepMerge) => {
 	for (const set of toDeepMerge) {
-		if (set instanceof LazySet) {
-			if (set._set.size > 0) targetSet.add(set._set);
-			if (set._needMerge) {
-				for (const mergedSet of set._toMerge) {
-					targetSet.add(mergedSet);
-				}
-				flatten(targetSet, set._toDeepMerge);
+		if (set._set.size > 0) targetSet.add(set._set);
+		if (set._needMerge) {
+			for (const mergedSet of set._toMerge) {
+				targetSet.add(mergedSet);
 			}
-		} else {
-			targetSet.add(set);
+			flatten(targetSet, set._toDeepMerge);
 		}
 	}
 };
@@ -58,7 +54,7 @@ class LazySet {
 		this._set = new Set(iterable);
 		/** @type {Set<Iterable<T>>} */
 		this._toMerge = new Set();
-		/** @type {Array<Iterable<T> | LazySet<T>>} */
+		/** @type {Array<LazySet<T>>} */
 		this._toDeepMerge = [];
 		this._needMerge = false;
 		this._deopt = false;
@@ -76,6 +72,14 @@ class LazySet {
 		this._needMerge = false;
 	}
 
+	_isEmpty() {
+		return (
+			this._set.size === 0 &&
+			this._toMerge.size === 0 &&
+			this._toDeepMerge.length === 0
+		);
+	}
+
 	get size() {
 		if (this._needMerge) this._merge();
 		return this._set.size;
@@ -101,13 +105,18 @@ class LazySet {
 				_set.add(item);
 			}
 		} else {
-			this._toDeepMerge.push(iterable);
-			this._needMerge = true;
-			// Avoid being too memory hungry
-			if (this._toDeepMerge.length > 100000) {
-				this._flatten();
-				if (this._toMerge.size > 100000) this._merge();
+			if (iterable instanceof LazySet) {
+				if (iterable._isEmpty()) return this;
+				this._toDeepMerge.push(iterable);
+				this._needMerge = true;
+				if (this._toDeepMerge.length > 100000) {
+					this._flatten();
+				}
+			} else {
+				this._toMerge.add(iterable);
+				this._needMerge = true;
 			}
+			if (this._toMerge.size > 100000) this._merge();
 		}
 		return this;
 	}

package/lib/wasm-sync/UnsupportedWebAssemblyFeatureError.js

@@ -12,7 +12,5 @@ module.exports = class UnsupportedWebAssemblyFeatureError extends WebpackError {
 		super(message);
 		this.name = "UnsupportedWebAssemblyFeatureError";
 		this.hideStack = true;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/lib/wasm-sync/WasmChunkLoadingRuntimeModule.js

@@ -291,7 +291,7 @@ class WasmChunkLoadingRuntimeModule extends RuntimeModule {
 						"var promise;",
 						this.supportsStreaming
 							? Template.asString([
-									"if(importObject instanceof Promise && typeof WebAssembly.compileStreaming === 'function') {",
+									"if(importObject && typeof importObject.then === 'function' && typeof WebAssembly.compileStreaming === 'function') {",
 									Template.indent([
 										"promise = Promise.all([WebAssembly.compileStreaming(req), importObject]).then(function(items) {",
 										Template.indent([
@@ -309,7 +309,7 @@ class WasmChunkLoadingRuntimeModule extends RuntimeModule {
 									])
 							  ])
 							: Template.asString([
-									"if(importObject instanceof Promise) {",
+									"if(importObject && typeof importObject.then === 'function') {",
 									Template.indent([
 										"var bytesPromise = req.then(function(x) { return x.arrayBuffer(); });",
 										"promise = Promise.all([",

package/lib/wasm-sync/WebAssemblyInInitialChunkError.js

@@ -102,7 +102,5 @@ ${moduleChains.map(s => `* ${s}`).join("\n")}`;
 		this.name = "WebAssemblyInInitialChunkError";
 		this.hideStack = true;
 		this.module = module;
-
-		Error.captureStackTrace(this, this.constructor);
 	}
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack",
-  "version": "5.38.0",
+  "version": "5.40.0",
   "author": "Tobias Koppers @sokra",
   "description": "Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.",
   "license": "MIT",
@@ -14,7 +14,7 @@
     "browserslist": "^4.14.5",
     "chrome-trace-event": "^1.0.2",
     "enhanced-resolve": "^5.8.0",
-    "es-module-lexer": "^0.4.0",
+    "es-module-lexer": "^0.6.0",
     "eslint-scope": "5.1.1",
     "events": "^3.2.0",
     "glob-to-regexp": "^0.4.1",
@@ -25,7 +25,7 @@
     "neo-async": "^2.6.2",
     "schema-utils": "^3.0.0",
     "tapable": "^2.1.1",
-    "terser-webpack-plugin": "^5.1.1",
+    "terser-webpack-plugin": "^5.1.3",
     "watchpack": "^2.2.0",
     "webpack-sources": "^2.3.0"
   },
@@ -91,7 +91,7 @@
     "simple-git": "^2.17.0",
     "strip-ansi": "^6.0.0",
     "style-loader": "^2.0.0",
-    "terser": "^5.5.0",
+    "terser": "^5.7.0",
     "toml": "^3.0.0",
     "tooling": "webpack/tooling#v1.19.0",
     "ts-loader": "^8.0.2",

package/types.d.ts

@@ -358,6 +358,7 @@ declare abstract class AsyncQueue<T, K, R> {
 	isProcessing(item: T): boolean;
 	isQueued(item: T): boolean;
 	isDone(item: T): boolean;
+	clear(): void;
 }
 declare class AsyncWebAssemblyModulesPlugin {
 	constructor(options?: any);
@@ -2375,6 +2376,7 @@ declare interface ContextModuleOptions {
 	include?: RegExp;
 	exclude?: RegExp;
 	groupOptions?: RawChunkGroupOptions;
+	typePrefix?: string;
 	category?: string;
 
 	/**
@@ -5793,11 +5795,13 @@ type LoaderContext<OptionsType> = NormalModuleLoaderContext<OptionsType> &
 	LoaderRunnerLoaderContext<OptionsType> &
 	LoaderPluginLoaderContext &
 	HotModuleReplacementPluginLoaderContext;
-type LoaderDefinition<OptionsType = {}, ContextAdditions = {}> =
-	LoaderDefinitionFunction<OptionsType, ContextAdditions> & {
-		raw?: false;
-		pitch?: PitchLoaderDefinitionFunction<OptionsType, ContextAdditions>;
-	};
+type LoaderDefinition<
+	OptionsType = {},
+	ContextAdditions = {}
+> = LoaderDefinitionFunction<OptionsType, ContextAdditions> & {
+	raw?: false;
+	pitch?: PitchLoaderDefinitionFunction<OptionsType, ContextAdditions>;
+};
 declare interface LoaderDefinitionFunction<
 	OptionsType = {},
 	ContextAdditions = {}
@@ -7202,7 +7206,7 @@ declare interface NormalModuleLoaderContext<OptionsType> {
 	};
 	emitFile(
 		name: string,
-		content: string,
+		content: string | Buffer,
 		sourceMap?: string,
 		assetInfo?: AssetInfo
 	): void;
@@ -8660,11 +8664,13 @@ declare interface RawChunkGroupOptions {
 	preloadOrder?: number;
 	prefetchOrder?: number;
 }
-type RawLoaderDefinition<OptionsType = {}, ContextAdditions = {}> =
-	RawLoaderDefinitionFunction<OptionsType, ContextAdditions> & {
-		raw: true;
-		pitch?: PitchLoaderDefinitionFunction<OptionsType, ContextAdditions>;
-	};
+type RawLoaderDefinition<
+	OptionsType = {},
+	ContextAdditions = {}
+> = RawLoaderDefinitionFunction<OptionsType, ContextAdditions> & {
+	raw: true;
+	pitch?: PitchLoaderDefinitionFunction<OptionsType, ContextAdditions>;
+};
 declare interface RawLoaderDefinitionFunction<
 	OptionsType = {},
 	ContextAdditions = {}