webpack 5.45.0 → 5.47.1

package/lib/hmr/HotModuleReplacement.runtime.js

@@ -9,6 +9,7 @@ var $interceptModuleExecution$ = undefined;
 var $moduleCache$ = undefined;
 // eslint-disable-next-line no-unused-vars
 var $hmrModuleData$ = undefined;
+/** @type {() => Promise}  */
 var $hmrDownloadManifest$ = undefined;
 var $hmrDownloadUpdateHandlers$ = undefined;
 var $hmrInvalidateModuleHandlers$ = undefined;
@@ -209,8 +210,12 @@ module.exports = function () {
 
 	function setStatus(newStatus) {
 		currentStatus = newStatus;
+		var results = [];
+
 		for (var i = 0; i < registeredStatusHandlers.length; i++)
-			registeredStatusHandlers[i].call(null, newStatus);
+			results[i] = registeredStatusHandlers[i].call(null, newStatus);
+
+		return Promise.all(results);
 	}
 
 	function trackBlockingPromise(promise) {
@@ -219,7 +224,7 @@ module.exports = function () {
 				setStatus("prepare");
 				blockingPromises.push(promise);
 				waitForBlockingPromises(function () {
-					setStatus("ready");
+					return setStatus("ready");
 				});
 				return promise;
 			case "prepare":
@@ -243,47 +248,47 @@ module.exports = function () {
 		if (currentStatus !== "idle") {
 			throw new Error("check() is only allowed in idle status");
 		}
-		setStatus("check");
-		return $hmrDownloadManifest$().then(function (update) {
-			if (!update) {
-				setStatus(applyInvalidatedModules() ? "ready" : "idle");
-				return null;
-			}
-
-			setStatus("prepare");
-
-			var updatedModules = [];
-			blockingPromises = [];
-			currentUpdateApplyHandlers = [];
-
-			return Promise.all(
-				Object.keys($hmrDownloadUpdateHandlers$).reduce(function (
-					promises,
-					key
-				) {
-					$hmrDownloadUpdateHandlers$[key](
-						update.c,
-						update.r,
-						update.m,
-						promises,
-						currentUpdateApplyHandlers,
-						updatedModules
-					);
-					return promises;
-				},
-				[])
-			).then(function () {
-				return waitForBlockingPromises(function () {
-					if (applyOnUpdate) {
-						return internalApply(applyOnUpdate);
-					} else {
-						setStatus("ready");
+		return setStatus("check")
+			.then($hmrDownloadManifest$)
+			.then(function (update) {
+				if (!update) {
+					return setStatus(applyInvalidatedModules() ? "ready" : "idle");
+				}
 
-						return updatedModules;
-					}
+				return setStatus("prepare").then(function () {
+					var updatedModules = [];
+					blockingPromises = [];
+					currentUpdateApplyHandlers = [];
+
+					return Promise.all(
+						Object.keys($hmrDownloadUpdateHandlers$).reduce(function (
+							promises,
+							key
+						) {
+							$hmrDownloadUpdateHandlers$[key](
+								update.c,
+								update.r,
+								update.m,
+								promises,
+								currentUpdateApplyHandlers,
+								updatedModules
+							);
+							return promises;
+						},
+						[])
+					).then(function () {
+						return waitForBlockingPromises(function () {
+							if (applyOnUpdate) {
+								return internalApply(applyOnUpdate);
+							} else {
+								return setStatus("ready").then(function () {
+									return updatedModules;
+								});
+							}
+						});
+					});
 				});
 			});
-		});
 	}
 
 	function hotApply(options) {
@@ -312,21 +317,20 @@ module.exports = function () {
 			.filter(Boolean);
 
 		if (errors.length > 0) {
-			setStatus("abort");
-			return Promise.resolve().then(function () {
+			return setStatus("abort").then(function () {
 				throw errors[0];
 			});
 		}
 
 		// Now in "dispose" phase
-		setStatus("dispose");
+		var disposePromise = setStatus("dispose");
 
 		results.forEach(function (result) {
 			if (result.dispose) result.dispose();
 		});
 
 		// Now in "apply" phase
-		setStatus("apply");
+		var applyPromise = setStatus("apply");
 
 		var error;
 		var reportError = function (err) {
@@ -345,25 +349,27 @@ module.exports = function () {
 			}
 		});
 
-		// handle errors in accept handlers and self accepted module load
-		if (error) {
-			setStatus("fail");
-			return Promise.resolve().then(function () {
-				throw error;
-			});
-		}
+		return Promise.all([disposePromise, applyPromise]).then(function () {
+			// handle errors in accept handlers and self accepted module load
+			if (error) {
+				return setStatus("fail").then(function () {
+					throw error;
+				});
+			}
 
-		if (queuedInvalidatedModules) {
-			return internalApply(options).then(function (list) {
-				outdatedModules.forEach(function (moduleId) {
-					if (list.indexOf(moduleId) < 0) list.push(moduleId);
+			if (queuedInvalidatedModules) {
+				return internalApply(options).then(function (list) {
+					outdatedModules.forEach(function (moduleId) {
+						if (list.indexOf(moduleId) < 0) list.push(moduleId);
+					});
+					return list;
 				});
-				return list;
-			});
-		}
+			}
 
-		setStatus("idle");
-		return Promise.resolve(outdatedModules);
+			return setStatus("idle").then(function () {
+				return outdatedModules;
+			});
+		});
 	}
 
 	function applyInvalidatedModules() {

package/lib/javascript/ArrayPushCallbackChunkFormatPlugin.js

@@ -82,23 +82,17 @@ class ArrayPushCallbackChunkFormatPlugin {
 								chunkGraph.getChunkEntryModulesWithChunkGroupIterable(chunk)
 							);
 							if (runtimeModules.length > 0 || entries.length > 0) {
-								const strictBailout =
-									hooks.strictRuntimeBailout.call(renderContext);
 								const runtime = new ConcatSource(
 									(runtimeTemplate.supportsArrowFunction()
 										? "__webpack_require__ =>"
 										: "function(__webpack_require__)") +
-										" { // webpackRuntimeModules\n",
-									strictBailout
-										? `// runtime can't be in strict mode because ${strictBailout}.\n\n`
-										: '"use strict";\n\n'
+										" { // webpackRuntimeModules\n"
 								);
 								if (runtimeModules.length > 0) {
 									runtime.add(
 										Template.renderRuntimeModules(runtimeModules, {
 											...renderContext,
-											codeGenerationResults: compilation.codeGenerationResults,
-											useStrict: !!strictBailout
+											codeGenerationResults: compilation.codeGenerationResults
 										})
 									);
 								}

package/lib/javascript/JavascriptModulesPlugin.js

@@ -72,6 +72,7 @@ const printGeneratedCodeForStack = (module, code) => {
  * @property {ModuleGraph} moduleGraph the module graph
  * @property {ChunkGraph} chunkGraph the chunk graph
  * @property {CodeGenerationResults} codeGenerationResults results of code generation
+ * @property {boolean} strictMode rendering in strict context
  */
 
 /**
@@ -83,6 +84,7 @@ const printGeneratedCodeForStack = (module, code) => {
  * @property {ChunkGraph} chunkGraph the chunk graph
  * @property {CodeGenerationResults} codeGenerationResults results of code generation
  * @property {string} hash hash to be used for render call
+ * @property {boolean} strictMode rendering in strict context
  */
 
 /**
@@ -94,6 +96,7 @@ const printGeneratedCodeForStack = (module, code) => {
  * @property {ChunkGraph} chunkGraph the chunk graph
  * @property {CodeGenerationResults} codeGenerationResults results of code generation
  * @property {InitFragment<ChunkRenderContext>[]} chunkInitFragments init fragments for the chunk
+ * @property {boolean} strictMode rendering in strict context
  */
 
 /**
@@ -256,7 +259,8 @@ class JavascriptModulesPlugin {
 										runtimeTemplate,
 										moduleGraph,
 										chunkGraph,
-										codeGenerationResults
+										codeGenerationResults,
+										strictMode: runtimeTemplate.isModule()
 									},
 									hooks
 								);
@@ -270,7 +274,8 @@ class JavascriptModulesPlugin {
 										runtimeTemplate,
 										moduleGraph,
 										chunkGraph,
-										codeGenerationResults
+										codeGenerationResults,
+										strictMode: runtimeTemplate.isModule()
 									},
 									hooks,
 									compilation
@@ -288,7 +293,8 @@ class JavascriptModulesPlugin {
 										runtimeTemplate,
 										moduleGraph,
 										chunkGraph,
-										codeGenerationResults
+										codeGenerationResults,
+										strictMode: runtimeTemplate.isModule()
 									},
 									hooks
 								);
@@ -478,12 +484,17 @@ class JavascriptModulesPlugin {
 	 * @param {Module} module the rendered module
 	 * @param {ChunkRenderContext} renderContext options object
 	 * @param {CompilationHooks} hooks hooks
-	 * @param {boolean | "strict"} factory true: renders as factory method, "strict": renders as factory method already in strict scope, false: pure module content
+	 * @param {boolean} factory true: renders as factory method, false: pure module content
 	 * @returns {Source} the newly generated source from rendering
 	 */
 	renderModule(module, renderContext, hooks, factory) {
-		const { chunk, chunkGraph, runtimeTemplate, codeGenerationResults } =
-			renderContext;
+		const {
+			chunk,
+			chunkGraph,
+			runtimeTemplate,
+			codeGenerationResults,
+			strictMode
+		} = renderContext;
 		try {
 			const codeGenResult = codeGenerationResults.get(module, chunk.runtime);
 			const moduleSource = codeGenResult.sources.get("javascript");
@@ -514,7 +525,7 @@ class JavascriptModulesPlugin {
 				const needThisAsExports = runtimeRequirements.has(
 					RuntimeGlobals.thisAsExports
 				);
-				const needStrict = module.buildInfo.strict && factory !== "strict";
+				const needStrict = module.buildInfo.strict && !strictMode;
 				const cacheEntry = this._moduleFactoryCache.get(
 					moduleSourcePostContent
 				);
@@ -598,16 +609,25 @@ class JavascriptModulesPlugin {
 			"javascript",
 			compareModulesByIdentifier
 		);
+		const allModules = modules ? Array.from(modules) : [];
+		let strictHeader;
+		let allStrict = renderContext.strictMode;
+		if (!allStrict && allModules.every(m => m.buildInfo.strict)) {
+			const strictBailout = hooks.strictRuntimeBailout.call(renderContext);
+			strictHeader = strictBailout
+				? `// runtime can't be in strict mode because ${strictBailout}.\n`
+				: '"use strict";\n';
+			if (!strictBailout) allStrict = true;
+		}
 		/** @type {ChunkRenderContext} */
 		const chunkRenderContext = {
 			...renderContext,
-			chunkInitFragments: []
+			chunkInitFragments: [],
+			strictMode: allStrict
 		};
 		const moduleSources =
-			Template.renderChunkModules(
-				chunkRenderContext,
-				modules ? Array.from(modules) : [],
-				module => this.renderModule(module, chunkRenderContext, hooks, true)
+			Template.renderChunkModules(chunkRenderContext, allModules, module =>
+				this.renderModule(module, chunkRenderContext, hooks, true)
 			) || new RawSource("{}");
 		let source = tryRunOrWebpackError(
 			() => hooks.renderChunk.call(moduleSources, chunkRenderContext),
@@ -637,7 +657,11 @@ class JavascriptModulesPlugin {
 			);
 		}
 		chunk.rendered = true;
-		return new ConcatSource(source, ";");
+		return strictHeader
+			? new ConcatSource(strictHeader, source, ";")
+			: renderContext.runtimeTemplate.isModule()
+			? source
+			: new ConcatSource(source, ";");
 	}
 
 	/**
@@ -649,12 +673,6 @@ class JavascriptModulesPlugin {
 	renderMain(renderContext, hooks, compilation) {
 		const { chunk, chunkGraph, runtimeTemplate } = renderContext;
 
-		/** @type {ChunkRenderContext} */
-		const chunkRenderContext = {
-			...renderContext,
-			chunkInitFragments: []
-		};
-
 		const runtimeRequirements = chunkGraph.getTreeRuntimeRequirements(chunk);
 		const iife = runtimeTemplate.isIIFE();
 
@@ -687,8 +705,8 @@ class JavascriptModulesPlugin {
 		} else {
 			prefix = "/******/ ";
 		}
-		let allStrict = false;
-		if (allModules.every(m => m.buildInfo.strict)) {
+		let allStrict = renderContext.strictMode;
+		if (!allStrict && allModules.every(m => m.buildInfo.strict)) {
 			const strictBailout = hooks.strictRuntimeBailout.call(renderContext);
 			if (strictBailout) {
 				source.add(
@@ -701,18 +719,19 @@ class JavascriptModulesPlugin {
 			}
 		}
 
+		/** @type {ChunkRenderContext} */
+		const chunkRenderContext = {
+			...renderContext,
+			chunkInitFragments: [],
+			strictMode: allStrict
+		};
+
 		const chunkModules = Template.renderChunkModules(
 			chunkRenderContext,
 			inlinedModules
 				? allModules.filter(m => !inlinedModules.has(m))
 				: allModules,
-			module =>
-				this.renderModule(
-					module,
-					chunkRenderContext,
-					hooks,
-					allStrict ? "strict" : true
-				),
+			module => this.renderModule(module, chunkRenderContext, hooks, true),
 			prefix
 		);
 		if (
@@ -751,7 +770,7 @@ class JavascriptModulesPlugin {
 			source.add(
 				new PrefixSource(
 					prefix,
-					Template.renderRuntimeModules(runtimeModules, renderContext)
+					Template.renderRuntimeModules(runtimeModules, chunkRenderContext)
 				)
 			);
 			source.add(
@@ -834,7 +853,9 @@ class JavascriptModulesPlugin {
 				}
 			}
 			if (runtimeRequirements.has(RuntimeGlobals.onChunksLoaded)) {
-				startupSource.add(`${RuntimeGlobals.onChunksLoaded}();\n`);
+				startupSource.add(
+					`__webpack_exports__ = ${RuntimeGlobals.onChunksLoaded}(__webpack_exports__);\n`
+				);
 			}
 			source.add(
 				hooks.renderStartup.call(startupSource, lastInlinedModule, {

package/lib/javascript/JavascriptParser.js

@@ -6,7 +6,6 @@
 "use strict";
 
 const { Parser: AcornParser } = require("acorn");
-const { importAssertions } = require("acorn-import-assertions");
 const { SyncBailHook, HookMap } = require("tapable");
 const vm = require("vm");
 const Parser = require("../Parser");
@@ -43,10 +42,6 @@ const BasicEvaluatedExpression = require("./BasicEvaluatedExpression");
 /** @typedef {import("estree").Node} AnyNode */
 /** @typedef {import("estree").Program} ProgramNode */
 /** @typedef {import("estree").Statement} StatementNode */
-/** @typedef {import("estree").ImportDeclaration} ImportDeclarationNode */
-/** @typedef {import("estree").ExportNamedDeclaration} ExportNamedDeclarationNode */
-/** @typedef {import("estree").ExportDefaultDeclaration} ExportDefaultDeclarationNode */
-/** @typedef {import("estree").ExportAllDeclaration} ExportAllDeclarationNode */
 /** @typedef {import("estree").Super} SuperNode */
 /** @typedef {import("estree").TaggedTemplateExpression} TaggedTemplateExpressionNode */
 /** @typedef {import("estree").TemplateLiteral} TemplateLiteralNode */
@@ -66,7 +61,7 @@ const ALLOWED_MEMBER_TYPES_ALL = 0b11;
 
 // Syntax: https://developer.mozilla.org/en/SpiderMonkey/Parser_API
 
-const parser = AcornParser.extend(importAssertions);
+const parser = AcornParser;
 
 class VariableInfo {
 	/**
@@ -195,31 +190,31 @@ class JavascriptParser extends Parser {
 			]),
 			/** @type {HookMap<SyncBailHook<[LabeledStatementNode], boolean | void>>} */
 			label: new HookMap(() => new SyncBailHook(["statement"])),
-			/** @type {SyncBailHook<[ImportDeclarationNode, ImportSource], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode, ImportSource], boolean | void>} */
 			import: new SyncBailHook(["statement", "source"]),
-			/** @type {SyncBailHook<[ImportDeclarationNode, ImportSource, string, string], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode, ImportSource, string, string], boolean | void>} */
 			importSpecifier: new SyncBailHook([
 				"statement",
 				"source",
 				"exportName",
 				"identifierName"
 			]),
-			/** @type {SyncBailHook<[ExportNamedDeclarationNode | ExportAllDeclarationNode], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode], boolean | void>} */
 			export: new SyncBailHook(["statement"]),
-			/** @type {SyncBailHook<[ExportNamedDeclarationNode | ExportAllDeclarationNode, ImportSource], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode, ImportSource], boolean | void>} */
 			exportImport: new SyncBailHook(["statement", "source"]),
-			/** @type {SyncBailHook<[ExportNamedDeclarationNode | ExportAllDeclarationNode, DeclarationNode], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode, DeclarationNode], boolean | void>} */
 			exportDeclaration: new SyncBailHook(["statement", "declaration"]),
-			/** @type {SyncBailHook<[ExportDefaultDeclarationNode, DeclarationNode], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode, DeclarationNode], boolean | void>} */
 			exportExpression: new SyncBailHook(["statement", "declaration"]),
-			/** @type {SyncBailHook<[ExportNamedDeclarationNode | ExportAllDeclarationNode, string, string, number | undefined], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode, string, string, number | undefined], boolean | void>} */
 			exportSpecifier: new SyncBailHook([
 				"statement",
 				"identifierName",
 				"exportName",
 				"index"
 			]),
-			/** @type {SyncBailHook<[ExportNamedDeclarationNode | ExportAllDeclarationNode, ImportSource, string, string, number | undefined], boolean | void>} */
+			/** @type {SyncBailHook<[StatementNode, ImportSource, string, string, number | undefined], boolean | void>} */
 			exportImportSpecifier: new SyncBailHook([
 				"statement",
 				"source",

package/lib/prefetch/ChunkPrefetchStartupRuntimeModule.js

@@ -32,16 +32,17 @@ class ChunkPrefetchStartupRuntimeModule extends RuntimeModule {
 					`${RuntimeGlobals.onChunksLoaded}(0, ${JSON.stringify(
 						// This need to include itself to delay execution after this chunk has been fully loaded
 						onChunks.filter(c => c === chunk).map(c => c.id)
-					)}, ${runtimeTemplate.expressionFunction(
+					)}, ${runtimeTemplate.basicFunction(
+						"",
 						chunks.size < 3
 							? Array.from(
 									chunks,
 									c =>
-										`${RuntimeGlobals.prefetchChunk}(${JSON.stringify(c.id)})`
-							  ).join(", ")
+										`${RuntimeGlobals.prefetchChunk}(${JSON.stringify(c.id)});`
+							  )
 							: `${JSON.stringify(Array.from(chunks, c => c.id))}.map(${
 									RuntimeGlobals.prefetchChunk
-							  })`
+							  });`
 					)}, 5);`
 			)
 		);

package/lib/rules/{ObjectMatcherRulePlugin.js → DescriptionDataMatcherRulePlugin.js}

@@ -8,32 +8,28 @@
 /** @typedef {import("./RuleSetCompiler")} RuleSetCompiler */
 /** @typedef {import("./RuleSetCompiler").RuleCondition} RuleCondition */
 
-class ObjectMatcherRulePlugin {
-	constructor(ruleProperty, dataProperty) {
-		this.ruleProperty = ruleProperty;
-		this.dataProperty = dataProperty || ruleProperty;
-	}
+const RULE_PROPERTY = "descriptionData";
 
+class DescriptionDataMatcherRulePlugin {
 	/**
 	 * @param {RuleSetCompiler} ruleSetCompiler the rule set compiler
 	 * @returns {void}
 	 */
 	apply(ruleSetCompiler) {
-		const { ruleProperty, dataProperty } = this;
 		ruleSetCompiler.hooks.rule.tap(
-			"ObjectMatcherRulePlugin",
+			"DescriptionDataMatcherRulePlugin",
 			(path, rule, unhandledProperties, result) => {
-				if (unhandledProperties.has(ruleProperty)) {
-					unhandledProperties.delete(ruleProperty);
-					const value = rule[ruleProperty];
+				if (unhandledProperties.has(RULE_PROPERTY)) {
+					unhandledProperties.delete(RULE_PROPERTY);
+					const value = rule[RULE_PROPERTY];
 					for (const property of Object.keys(value)) {
-						const nestedDataProperties = property.split(".");
+						const dataProperty = property.split(".");
 						const condition = ruleSetCompiler.compileCondition(
-							`${path}.${ruleProperty}.${property}`,
+							`${path}.${RULE_PROPERTY}.${property}`,
 							value[property]
 						);
 						result.conditions.push({
-							property: [dataProperty, ...nestedDataProperties],
+							property: ["descriptionData", ...dataProperty],
 							matchWhenEmpty: condition.matchWhenEmpty,
 							fn: condition.fn
 						});
@@ -44,4 +40,4 @@ class ObjectMatcherRulePlugin {
 	}
 }
 
-module.exports = ObjectMatcherRulePlugin;
+module.exports = DescriptionDataMatcherRulePlugin;

package/lib/runtime/OnChunksLoadedRuntimeModule.js

@@ -58,7 +58,11 @@ class OnChunksLoadedRuntimeModule extends RuntimeModule {
 						]),
 						"}",
 						"if(fulfilled) {",
-						Template.indent(["deferred.splice(i--, 1)", "result = fn();"]),
+						Template.indent([
+							"deferred.splice(i--, 1)",
+							"var r = fn();",
+							"if (r !== undefined) result = r;"
+						]),
 						"}"
 					]),
 					"}",

package/lib/schemes/DataUriPlugin.js

@@ -11,15 +11,14 @@ const NormalModule = require("../NormalModule");
 
 // data URL scheme: "data:text/javascript;charset=utf-8;base64,some-string"
 // http://www.ietf.org/rfc/rfc2397.txt
-const URIRegEx = /^data:(?:[^;,]+)?(?:(?:;[^;,]+)*?)(;base64)?,(.*)$/i;
-const URIMetaRegEx = /^data:([^;,]+)?(?:(?:;[^;,]+)*?)(?:;(base64))?,/i;
+const URIRegEx = /^data:([^;,]+)?((?:;[^;,]+)*?)(?:;(base64))?,(.*)$/i;
 
 const decodeDataURI = uri => {
 	const match = URIRegEx.exec(uri);
 	if (!match) return null;
 
-	const isBase64 = match[1];
-	const body = match[2];
+	const isBase64 = match[3];
+	const body = match[4];
 	return isBase64
 		? Buffer.from(body, "base64")
 		: Buffer.from(decodeURIComponent(body), "ascii");
@@ -38,10 +37,12 @@ class DataUriPlugin {
 				normalModuleFactory.hooks.resolveForScheme
 					.for("data")
 					.tap("DataUriPlugin", resourceData => {
-						const match = URIMetaRegEx.exec(resourceData.resource);
+						const match = URIRegEx.exec(resourceData.resource);
 						if (match) {
 							resourceData.data.mimetype = match[1] || "";
-							resourceData.data.encoding = match[2] || false;
+							resourceData.data.parameters = match[2] || "";
+							resourceData.data.encoding = match[3] || false;
+							resourceData.data.encodedContent = match[4] || "";
 						}
 					});
 				NormalModule.getCompilationHooks(compilation)

package/lib/stats/DefaultStatsFactoryPlugin.js

@@ -1182,11 +1182,14 @@ const SIMPLE_EXTRACTORS = {
 				type,
 				compilation: { moduleGraph }
 			} = context;
-			object.reasons = factory.create(
+			const groupsReasons = factory.create(
 				`${type.slice(0, -8)}.reasons`,
 				Array.from(moduleGraph.getIncomingConnections(module)),
 				context
 			);
+			const limited = spaceLimited(groupsReasons, options.reasonsSpace);
+			object.reasons = limited.children;
+			object.filteredReasons = limited.filteredChildren;
 		},
 		usedExports: (
 			object,
@@ -1764,6 +1767,16 @@ const moduleGroup = (children, modules) => {
 	};
 };
 
+const reasonGroup = (children, reasons) => {
+	let active = false;
+	for (const reason of children) {
+		active = active || reason.active;
+	}
+	return {
+		active
+	};
+};
+
 /** @type {Record<string, (groupConfigs: GroupConfig[], context: StatsFactoryContext, options: NormalizedStatsOptions) => void>} */
 const ASSETS_GROUPERS = {
 	_: (groupConfigs, context, options) => {
@@ -2074,7 +2087,24 @@ const RESULT_GROUPERS = {
 	"compilation.modules": MODULES_GROUPERS("module"),
 	"chunk.modules": MODULES_GROUPERS("chunk"),
 	"chunk.rootModules": MODULES_GROUPERS("root-of-chunk"),
-	"module.modules": MODULES_GROUPERS("nested")
+	"module.modules": MODULES_GROUPERS("nested"),
+	"module.reasons": {
+		groupReasonsByOrigin: groupConfigs => {
+			groupConfigs.push({
+				getKeys: reason => {
+					return [reason.module];
+				},
+				createGroup: (key, children, reasons) => {
+					return {
+						type: "from origin",
+						module: key,
+						children,
+						...reasonGroup(children, reasons)
+					};
+				}
+			});
+		}
+	}
 };
 
 // remove a prefixed "!" that can be specified to reverse sort order

package/lib/stats/DefaultStatsPresetPlugin.js

@@ -50,6 +50,7 @@ const NAMED_PRESETS = {
 		modulesSpace: Infinity,
 		chunkModulesSpace: Infinity,
 		assetsSpace: Infinity,
+		reasonsSpace: Infinity,
 		children: true
 	},
 	detailed: {
@@ -72,8 +73,9 @@ const NAMED_PRESETS = {
 		logging: true,
 		runtimeModules: true,
 		exclude: false,
-		modulesSpace: Infinity,
-		assetsSpace: Infinity
+		modulesSpace: 1000,
+		assetsSpace: 1000,
+		reasonsSpace: 1000
 	},
 	minimal: {
 		all: false,
@@ -194,6 +196,8 @@ const DEFAULTS = {
 	depth: OFF_FOR_TO_STRING,
 	cachedAssets: OFF_FOR_TO_STRING,
 	reasons: OFF_FOR_TO_STRING,
+	reasonsSpace: (o, { forToString }) => (forToString ? 15 : Infinity),
+	groupReasonsByOrigin: ON_FOR_TO_STRING,
 	usedExports: OFF_FOR_TO_STRING,
 	providedExports: OFF_FOR_TO_STRING,
 	optimizationBailout: OFF_FOR_TO_STRING,