webpack 5.100.2 → 5.101.0

package/lib/config/normalization.js

@@ -57,7 +57,7 @@ const nestedConfig = (value, fn) =>
  * @param {T|undefined} value value or not
  * @returns {T} result value
  */
-const cloneObject = value => /** @type {T} */ ({ ...value });
+const cloneObject = (value) => /** @type {T} */ ({ ...value });
 /**
  * @template T
  * @template R
@@ -124,13 +124,13 @@ const keyedNestedConfig = (value, fn, customKeys) => {
  * @param {WebpackOptions} config input config
  * @returns {WebpackOptionsNormalized} normalized options
  */
-const getNormalizedWebpackOptions = config => ({
+const getNormalizedWebpackOptions = (config) => ({
 	amd: config.amd,
 	bail: config.bail,
 	cache:
 		/** @type {NonNullable<CacheOptions>} */
 		(
-			optionalNestedConfig(config.cache, cache => {
+			optionalNestedConfig(config.cache, (cache) => {
 				if (cache === false) return false;
 				if (cache === true) {
 					return {
@@ -173,7 +173,7 @@ const getNormalizedWebpackOptions = config => ({
 		),
 	context: config.context,
 	dependencies: config.dependencies,
-	devServer: optionalNestedConfig(config.devServer, devServer => {
+	devServer: optionalNestedConfig(config.devServer, (devServer) => {
 		if (devServer === false) return false;
 		return { ...devServer };
 	}),
@@ -183,25 +183,25 @@ const getNormalizedWebpackOptions = config => ({
 			? { main: {} }
 			: typeof config.entry === "function"
 				? (
-						fn => () =>
+						(fn) => () =>
 							Promise.resolve().then(fn).then(getNormalizedEntryStatic)
 					)(config.entry)
 				: getNormalizedEntryStatic(config.entry),
-	experiments: nestedConfig(config.experiments, experiments => ({
+	experiments: nestedConfig(config.experiments, (experiments) => ({
 		...experiments,
-		buildHttp: optionalNestedConfig(experiments.buildHttp, options =>
+		buildHttp: optionalNestedConfig(experiments.buildHttp, (options) =>
 			Array.isArray(options) ? { allowedUris: options } : options
 		),
 		lazyCompilation: optionalNestedConfig(
 			experiments.lazyCompilation,
-			options => (options === true ? {} : options)
+			(options) => (options === true ? {} : options)
 		)
 	})),
 	externals: /** @type {NonNullable<Externals>} */ (config.externals),
 	externalsPresets: cloneObject(config.externalsPresets),
 	externalsType: config.externalsType,
 	ignoreWarnings: config.ignoreWarnings
-		? config.ignoreWarnings.map(ignore => {
+		? config.ignoreWarnings.map((ignore) => {
 				if (typeof ignore === "function") return ignore;
 				const i = ignore instanceof RegExp ? { message: ignore } : ignore;
 				return (warning, { requestShortener }) => {
@@ -236,11 +236,11 @@ const getNormalizedWebpackOptions = config => ({
 	module:
 		/** @type {ModuleOptionsNormalized} */
 		(
-			nestedConfig(config.module, module => ({
+			nestedConfig(config.module, (module) => ({
 				noParse: module.noParse,
 				unsafeCache: module.unsafeCache,
 				parser: keyedNestedConfig(module.parser, cloneObject, {
-					javascript: parserOptions => ({
+					javascript: (parserOptions) => ({
 						unknownContextRequest: module.unknownContextRequest,
 						unknownContextRegExp: module.unknownContextRegExp,
 						unknownContextRecursive: module.unknownContextRecursive,
@@ -259,26 +259,26 @@ const getNormalizedWebpackOptions = config => ({
 					})
 				}),
 				generator: cloneObject(module.generator),
-				defaultRules: optionalNestedArray(module.defaultRules, r => [...r]),
-				rules: nestedArray(module.rules, r => [...r])
+				defaultRules: optionalNestedArray(module.defaultRules, (r) => [...r]),
+				rules: nestedArray(module.rules, (r) => [...r])
 			}))
 		),
 	name: config.name,
 	node: nestedConfig(
 		config.node,
-		node =>
+		(node) =>
 			node && {
 				...node
 			}
 	),
-	optimization: nestedConfig(config.optimization, optimization => ({
+	optimization: nestedConfig(config.optimization, (optimization) => ({
 		...optimization,
 		runtimeChunk: getNormalizedOptimizationRuntimeChunk(
 			optimization.runtimeChunk
 		),
 		splitChunks: nestedConfig(
 			optimization.splitChunks,
-			splitChunks =>
+			(splitChunks) =>
 				splitChunks && {
 					...splitChunks,
 					defaultSizeTypes: splitChunks.defaultSizeTypes
@@ -295,7 +295,7 @@ const getNormalizedWebpackOptions = config => ({
 					)
 				: optimization.emitOnErrors
 	})),
-	output: nestedConfig(config.output, output => {
+	output: nestedConfig(config.output, (output) => {
 		const { library } = output;
 		const libraryAsName = /** @type {LibraryName} */ (library);
 		const libraryBase =
@@ -384,13 +384,16 @@ const getNormalizedWebpackOptions = config => ({
 			sourcePrefix: output.sourcePrefix,
 			strictModuleErrorHandling: output.strictModuleErrorHandling,
 			strictModuleExceptionHandling: output.strictModuleExceptionHandling,
-			trustedTypes: optionalNestedConfig(output.trustedTypes, trustedTypes => {
-				if (trustedTypes === true) return {};
-				if (typeof trustedTypes === "string") {
-					return { policyName: trustedTypes };
+			trustedTypes: optionalNestedConfig(
+				output.trustedTypes,
+				(trustedTypes) => {
+					if (trustedTypes === true) return {};
+					if (typeof trustedTypes === "string") {
+						return { policyName: trustedTypes };
+					}
+					return { ...trustedTypes };
 				}
-				return { ...trustedTypes };
-			}),
+			),
 			uniqueName: output.uniqueName,
 			wasmLoading: output.wasmLoading,
 			webassemblyModuleFilename: output.webassemblyModuleFilename,
@@ -401,13 +404,13 @@ const getNormalizedWebpackOptions = config => ({
 		return result;
 	}),
 	parallelism: config.parallelism,
-	performance: optionalNestedConfig(config.performance, performance => {
+	performance: optionalNestedConfig(config.performance, (performance) => {
 		if (performance === false) return false;
 		return {
 			...performance
 		};
 	}),
-	plugins: /** @type {Plugins} */ (nestedArray(config.plugins, p => [...p])),
+	plugins: /** @type {Plugins} */ (nestedArray(config.plugins, (p) => [...p])),
 	profile: config.profile,
 	recordsInputPath:
 		config.recordsInputPath !== undefined
@@ -417,39 +420,39 @@ const getNormalizedWebpackOptions = config => ({
 		config.recordsOutputPath !== undefined
 			? config.recordsOutputPath
 			: config.recordsPath,
-	resolve: nestedConfig(config.resolve, resolve => ({
+	resolve: nestedConfig(config.resolve, (resolve) => ({
 		...resolve,
 		byDependency: keyedNestedConfig(resolve.byDependency, cloneObject)
 	})),
 	resolveLoader: cloneObject(config.resolveLoader),
-	snapshot: nestedConfig(config.snapshot, snapshot => ({
+	snapshot: nestedConfig(config.snapshot, (snapshot) => ({
 		resolveBuildDependencies: optionalNestedConfig(
 			snapshot.resolveBuildDependencies,
-			resolveBuildDependencies => ({
+			(resolveBuildDependencies) => ({
 				timestamp: resolveBuildDependencies.timestamp,
 				hash: resolveBuildDependencies.hash
 			})
 		),
 		buildDependencies: optionalNestedConfig(
 			snapshot.buildDependencies,
-			buildDependencies => ({
+			(buildDependencies) => ({
 				timestamp: buildDependencies.timestamp,
 				hash: buildDependencies.hash
 			})
 		),
-		resolve: optionalNestedConfig(snapshot.resolve, resolve => ({
+		resolve: optionalNestedConfig(snapshot.resolve, (resolve) => ({
 			timestamp: resolve.timestamp,
 			hash: resolve.hash
 		})),
-		module: optionalNestedConfig(snapshot.module, module => ({
+		module: optionalNestedConfig(snapshot.module, (module) => ({
 			timestamp: module.timestamp,
 			hash: module.hash
 		})),
-		immutablePaths: optionalNestedArray(snapshot.immutablePaths, p => [...p]),
-		managedPaths: optionalNestedArray(snapshot.managedPaths, p => [...p]),
-		unmanagedPaths: optionalNestedArray(snapshot.unmanagedPaths, p => [...p])
+		immutablePaths: optionalNestedArray(snapshot.immutablePaths, (p) => [...p]),
+		managedPaths: optionalNestedArray(snapshot.managedPaths, (p) => [...p]),
+		unmanagedPaths: optionalNestedArray(snapshot.unmanagedPaths, (p) => [...p])
 	})),
-	stats: nestedConfig(config.stats, stats => {
+	stats: nestedConfig(config.stats, (stats) => {
 		if (stats === false) {
 			return {
 				preset: "none"
@@ -478,7 +481,7 @@ const getNormalizedWebpackOptions = config => ({
  * @param {EntryStatic} entry static entry options
  * @returns {EntryStaticNormalized} normalized static entry options
  */
-const getNormalizedEntryStatic = entry => {
+const getNormalizedEntryStatic = (entry) => {
 	if (typeof entry === "string") {
 		return {
 			main: {
@@ -540,7 +543,7 @@ const getNormalizedEntryStatic = entry => {
  * @param {OptimizationRuntimeChunk=} runtimeChunk runtimeChunk option
  * @returns {OptimizationRuntimeChunkNormalized=} normalized runtimeChunk option
  */
-const getNormalizedOptimizationRuntimeChunk = runtimeChunk => {
+const getNormalizedOptimizationRuntimeChunk = (runtimeChunk) => {
 	if (runtimeChunk === undefined) return;
 	if (runtimeChunk === false) return false;
 	if (runtimeChunk === "single") {
@@ -550,7 +553,7 @@ const getNormalizedOptimizationRuntimeChunk = runtimeChunk => {
 	}
 	if (runtimeChunk === true || runtimeChunk === "multiple") {
 		return {
-			name: entrypoint => `runtime~${entrypoint.name}`
+			name: (entrypoint) => `runtime~${entrypoint.name}`
 		};
 	}
 	const { name } = runtimeChunk;

package/lib/config/target.js

@@ -15,7 +15,7 @@ const getBrowserslistTargetHandler = memoize(() =>
  * @param {string} context the context directory
  * @returns {string} default target
  */
-const getDefaultTarget = context => {
+const getDefaultTarget = (context) => {
 	const browsers = getBrowserslistTargetHandler().load(null, context);
 	return browsers ? "browserslist" : "web";
 };
@@ -287,7 +287,7 @@ You can also more options via the 'target' option: 'browserslist' / 'browserslis
 		"esX",
 		"EcmaScript in this version. Examples: es2020, es5.",
 		/^es(\d+)$/,
-		version => {
+		(version) => {
 			let v = Number(version);
 			if (v < 1000) v += 2009;
 			return {
@@ -333,7 +333,7 @@ const getTargetProperties = (target, context) => {
  * @param {TargetProperties[]} targetProperties array of target properties
  * @returns {TargetProperties} merged target properties
  */
-const mergeTargetProperties = targetProperties => {
+const mergeTargetProperties = (targetProperties) => {
 	/** @type {Set<keyof TargetProperties>} */
 	const keys = new Set();
 	for (const tp of targetProperties) {
@@ -371,7 +371,7 @@ const mergeTargetProperties = targetProperties => {
  * @returns {TargetProperties} target properties
  */
 const getTargetsProperties = (targets, context) =>
-	mergeTargetProperties(targets.map(t => getTargetProperties(t, context)));
+	mergeTargetProperties(targets.map((t) => getTargetProperties(t, context)));
 
 module.exports.getDefaultTarget = getDefaultTarget;
 module.exports.getTargetProperties = getTargetProperties;

package/lib/container/ContainerEntryModule.js

@@ -159,7 +159,7 @@ class ContainerEntryModule extends Module {
 		for (const block of this.blocks) {
 			const { dependencies } = block;
 
-			const modules = dependencies.map(dependency => {
+			const modules = dependencies.map((dependency) => {
 				const dep = /** @type {ContainerExposedDependency} */ (dependency);
 				return {
 					name: dep.exposedName,
@@ -170,9 +170,9 @@ class ContainerEntryModule extends Module {
 
 			let str;
 
-			if (modules.some(m => !m.module)) {
+			if (modules.some((m) => !m.module)) {
 				str = runtimeTemplate.throwMissingModuleErrorBlock({
-					request: modules.map(m => m.request).join(", ")
+					request: modules.map((m) => m.request).join(", ")
 				});
 			} else {
 				str = `return ${runtimeTemplate.blockPromise({

package/lib/container/ContainerPlugin.js

@@ -51,11 +51,11 @@ class ContainerPlugin {
 			exposes: /** @type {ExposesList} */ (
 				parseOptions(
 					options.exposes,
-					item => ({
+					(item) => ({
 						import: Array.isArray(item) ? item : [item],
 						name: undefined
 					}),
-					item => ({
+					(item) => ({
 						import: Array.isArray(item.import) ? item.import : [item.import],
 						name: item.name || undefined
 					})
@@ -91,7 +91,7 @@ class ContainerPlugin {
 					runtime,
 					library
 				},
-				error => {
+				(error) => {
 					if (error) return callback(error);
 					hooks.addContainerEntryDependency.call(dep);
 					callback();

package/lib/container/ContainerReferencePlugin.js

@@ -43,11 +43,11 @@ class ContainerReferencePlugin {
 		this._remoteType = options.remoteType;
 		this._remotes = parseOptions(
 			options.remotes,
-			item => ({
+			(item) => ({
 				external: Array.isArray(item) ? item : [item],
 				shareScope: options.shareScope || "default"
 			}),
-			item => ({
+			(item) => ({
 				external: Array.isArray(item.external)
 					? item.external
 					: [item.external],
@@ -97,7 +97,7 @@ class ContainerReferencePlugin {
 					new FallbackModuleFactory()
 				);
 
-				normalModuleFactory.hooks.factorize.tap(PLUGIN_NAME, data => {
+				normalModuleFactory.hooks.factorize.tap(PLUGIN_NAME, (data) => {
 					if (!data.request.includes("!")) {
 						for (const [key, config] of remotes) {
 							if (

package/lib/container/FallbackModule.js

@@ -131,7 +131,7 @@ class FallbackModule extends Module {
 	 * @returns {CodeGenerationResult} result
 	 */
 	codeGeneration({ runtimeTemplate, moduleGraph, chunkGraph }) {
-		const ids = this.dependencies.map(dep =>
+		const ids = this.dependencies.map((dep) =>
 			chunkGraph.getModuleId(/** @type {Module} */ (moduleGraph.getModule(dep)))
 		);
 		const code = Template.asString([

package/lib/container/HoistContainerReferencesPlugin.js

@@ -31,19 +31,19 @@ class HoistContainerReferences {
 	 * @param {Compiler} compiler The webpack compiler instance.
 	 */
 	apply(compiler) {
-		compiler.hooks.thisCompilation.tap(PLUGIN_NAME, compilation => {
+		compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
 			const hooks =
 				getModuleFederationPlugin().getCompilationHooks(compilation);
 			const depsToTrace = new Set();
 			const entryExternalsToHoist = new Set();
-			hooks.addContainerEntryDependency.tap(PLUGIN_NAME, dep => {
+			hooks.addContainerEntryDependency.tap(PLUGIN_NAME, (dep) => {
 				depsToTrace.add(dep);
 			});
-			hooks.addFederationRuntimeDependency.tap(PLUGIN_NAME, dep => {
+			hooks.addFederationRuntimeDependency.tap(PLUGIN_NAME, (dep) => {
 				depsToTrace.add(dep);
 			});
 
-			compilation.hooks.addEntry.tap(PLUGIN_NAME, entryDep => {
+			compilation.hooks.addEntry.tap(PLUGIN_NAME, (entryDep) => {
 				if (entryDep.type === "entry") {
 					entryExternalsToHoist.add(entryDep);
 				}
@@ -56,7 +56,7 @@ class HoistContainerReferences {
 					// advanced stage is where SplitChunksPlugin runs.
 					stage: STAGE_ADVANCED + 1
 				},
-				_chunks => {
+				(_chunks) => {
 					this.hoistModulesInChunks(
 						compilation,
 						depsToTrace,
@@ -92,7 +92,7 @@ class HoistContainerReferences {
 			const runtimes = new Set();
 
 			for (const runtimeSpec of containerRuntimes) {
-				forEachRuntime(runtimeSpec, runtimeKey => {
+				forEachRuntime(runtimeSpec, (runtimeKey) => {
 					if (runtimeKey) {
 						runtimes.add(runtimeKey);
 					}
@@ -139,7 +139,7 @@ class HoistContainerReferences {
 			const runtimes = new Set();
 
 			for (const runtimeSpec of containerRuntimes) {
-				forEachRuntime(runtimeSpec, runtimeKey => {
+				forEachRuntime(runtimeSpec, (runtimeKey) => {
 					if (runtimeKey) {
 						runtimes.add(runtimeKey);
 					}

package/lib/container/options.js

@@ -28,7 +28,7 @@ const process = (options, normalizeSimple, normalizeOptions, fn) => {
 	/**
 	 * @param {(string | Item<T>)[]} items items
 	 */
-	const array = items => {
+	const array = (items) => {
 		for (const item of items) {
 			if (typeof item === "string") {
 				fn(item, normalizeSimple(item, item));
@@ -42,7 +42,7 @@ const process = (options, normalizeSimple, normalizeOptions, fn) => {
 	/**
 	 * @param {Item<T>} obj an object
 	 */
-	const object = obj => {
+	const object = (obj) => {
 		for (const [key, value] of Object.entries(obj)) {
 			if (typeof value === "string" || Array.isArray(value)) {
 				fn(key, normalizeSimple(value, key));
@@ -90,8 +90,8 @@ const scope = (scope, options) => {
 	const obj = {};
 	process(
 		options,
-		item => /** @type {string | string[] | T} */ (item),
-		item => /** @type {string | string[] | T} */ (item),
+		(item) => /** @type {string | string[] | T} */ (item),
+		(item) => /** @type {string | string[] | T} */ (item),
 		(key, value) => {
 			obj[
 				key.startsWith("./") ? `${scope}${key.slice(1)}` : `${scope}/${key}`

package/lib/css/CssGenerator.js

@@ -18,6 +18,7 @@ const {
 } = require("../ModuleSourceTypesConstants");
 const RuntimeGlobals = require("../RuntimeGlobals");
 const Template = require("../Template");
+const memoize = require("../util/memoize");
 
 /** @typedef {import("webpack-sources").Source} Source */
 /** @typedef {import("../../declarations/WebpackOptions").CssAutoGeneratorOptions} CssAutoGeneratorOptions */
@@ -37,6 +38,8 @@ const Template = require("../Template");
 /** @typedef {import("../NormalModule")} NormalModule */
 /** @typedef {import("../util/Hash")} Hash */
 
+const getPropertyName = memoize(() => require("../util/propertyName"));
+
 class CssGenerator extends Generator {
 	/**
 	 * @param {CssAutoGeneratorOptions | CssGlobalGeneratorOptions | CssModuleGeneratorOptions} options options
@@ -119,7 +122,7 @@ class CssGenerator extends Generator {
 		/**
 		 * @param {Dependency} dependency dependency
 		 */
-		const handleDependency = dependency => {
+		const handleDependency = (dependency) => {
 			const constructor =
 				/** @type {new (...args: EXPECTED_ANY[]) => Dependency} */
 				(dependency.constructor);
@@ -147,6 +150,7 @@ class CssGenerator extends Generator {
 				if (generateContext.concatenationScope) {
 					const source = new ConcatSource();
 					const usedIdentifiers = new Set();
+					const { RESERVED_IDENTIFIER } = getPropertyName();
 					for (const [name, v] of cssData.exports) {
 						const usedName = generateContext.moduleGraph
 							.getExportInfo(module, name)
@@ -156,8 +160,6 @@ class CssGenerator extends Generator {
 						}
 						let identifier = Template.toIdentifier(usedName);
 
-						const { RESERVED_IDENTIFIER } = require("../util/propertyName");
-
 						if (RESERVED_IDENTIFIER.has(identifier)) {
 							identifier = `_${identifier}`;
 						}

package/lib/css/CssLoadingRuntimeModule.js

@@ -181,7 +181,7 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 				stateExpression ? `${stateExpression} = ${stateExpression} || ` : ""
 			}{`,
 			Template.indent(
-				Array.from(initialChunkIds, id => `${JSON.stringify(id)}: 0`).join(
+				Array.from(initialChunkIds, (id) => `${JSON.stringify(id)}: 0`).join(
 					",\n"
 				)
 			),

package/lib/css/CssModulesPlugin.js

@@ -98,7 +98,7 @@ const getCssLoadingRuntimeModule = memoize(() =>
  * @param {string} name name
  * @returns {{ oneOf: [{ $ref: string }], definitions: import("../../schemas/WebpackOptions.json")["definitions"] }} schema
  */
-const getSchema = name => {
+const getSchema = (name) => {
 	const { definitions } = require("../../schemas/WebpackOptions.json");
 
 	return {
@@ -264,7 +264,7 @@ class CssModulesPlugin {
 				]) {
 					normalModuleFactory.hooks.createParser
 						.for(type)
-						.tap(PLUGIN_NAME, parserOptions => {
+						.tap(PLUGIN_NAME, (parserOptions) => {
 							validateParserOptions[type](parserOptions);
 							const { url, import: importOption, namedExports } = parserOptions;
 
@@ -300,7 +300,7 @@ class CssModulesPlugin {
 						});
 					normalModuleFactory.hooks.createGenerator
 						.for(type)
-						.tap(PLUGIN_NAME, generatorOptions => {
+						.tap(PLUGIN_NAME, (generatorOptions) => {
 							validateGeneratorOptions[type](generatorOptions);
 
 							return new CssGenerator(
@@ -442,7 +442,7 @@ class CssModulesPlugin {
 				compilation.hooks.chunkHash.tap(PLUGIN_NAME, (chunk, hash, context) => {
 					hooks.chunkHash.call(chunk, hash, context);
 				});
-				compilation.hooks.contentHash.tap(PLUGIN_NAME, chunk => {
+				compilation.hooks.contentHash.tap(PLUGIN_NAME, (chunk) => {
 					const {
 						chunkGraph,
 						codeGenerationResults,
@@ -533,7 +533,7 @@ class CssModulesPlugin {
 				 * @param {Chunk} chunk the chunk
 				 * @returns {boolean} true, when enabled
 				 */
-				const isEnabledForChunk = chunk => {
+				const isEnabledForChunk = (chunk) => {
 					const options = chunk.getEntryOptions();
 					const chunkLoading =
 						options && options.chunkLoading !== undefined
@@ -566,7 +566,7 @@ class CssModulesPlugin {
 						if (
 							!chunkGraph.hasModuleInGraph(
 								chunk,
-								m =>
+								(m) =>
 									m.type === CSS_MODULE_TYPE ||
 									m.type === CSS_MODULE_TYPE_GLOBAL ||
 									m.type === CSS_MODULE_TYPE_MODULE ||
@@ -587,7 +587,7 @@ class CssModulesPlugin {
 						if (
 							!chunkGraph.hasModuleInGraph(
 								chunk,
-								m =>
+								(m) =>
 									m.type === CSS_MODULE_TYPE ||
 									m.type === CSS_MODULE_TYPE_GLOBAL ||
 									m.type === CSS_MODULE_TYPE_MODULE ||
@@ -617,21 +617,24 @@ class CssModulesPlugin {
 
 		// Get ordered list of modules per chunk group
 		// Lists are in reverse order to allow to use Array.pop()
-		const modulesByChunkGroup = Array.from(chunk.groupsIterable, chunkGroup => {
-			const sortedModules = modulesList
-				.map(module => ({
-					module,
-					index: chunkGroup.getModulePostOrderIndex(module)
-				}))
-				.filter(item => item.index !== undefined)
-				.sort(
-					(a, b) =>
-						/** @type {number} */ (b.index) - /** @type {number} */ (a.index)
-				)
-				.map(item => item.module);
-
-			return { list: sortedModules, set: new Set(sortedModules) };
-		});
+		const modulesByChunkGroup = Array.from(
+			chunk.groupsIterable,
+			(chunkGroup) => {
+				const sortedModules = modulesList
+					.map((module) => ({
+						module,
+						index: chunkGroup.getModulePostOrderIndex(module)
+					}))
+					.filter((item) => item.index !== undefined)
+					.sort(
+						(a, b) =>
+							/** @type {number} */ (b.index) - /** @type {number} */ (a.index)
+					)
+					.map((item) => item.module);
+
+				return { list: sortedModules, set: new Set(sortedModules) };
+			}
+		);
 
 		if (modulesByChunkGroup.length === 1) {
 			return modulesByChunkGroup[0].list.reverse();

package/lib/css/CssParser.js

@@ -76,7 +76,7 @@ const normalizeUrl = (str, isString) => {
 		// Remove unnecessary spaces from `url("   img.png	 ")`
 		.replace(TRIM_WHITE_SPACES, "")
 		// Unescape
-		.replace(UNESCAPE, match => {
+		.replace(UNESCAPE, (match) => {
 			if (match.length > 2) {
 				return String.fromCharCode(Number.parseInt(match.slice(1).trim(), 16));
 			}
@@ -108,7 +108,7 @@ const regexExcessiveSpaces =
  * @param {string} str string
  * @returns {string} escaped identifier
  */
-const escapeIdentifier = str => {
+const escapeIdentifier = (str) => {
 	let output = "";
 	let counter = 0;
 
@@ -161,7 +161,7 @@ const CONTAINS_ESCAPE = /\\/;
  * @param {string} str string
  * @returns {[string, number] | undefined} hex
  */
-const gobbleHex = str => {
+const gobbleHex = (str) => {
 	const lower = str.toLowerCase();
 	let hex = "";
 	let spaceTerminated = false;
@@ -198,7 +198,7 @@ const gobbleHex = str => {
  * @param {string} str string
  * @returns {string} unescaped string
  */
-const unescapeIdentifier = str => {
+const unescapeIdentifier = (str) => {
 	const needToProcess = CONTAINS_ESCAPE.test(str);
 	if (!needToProcess) return str;
 	let ret = "";
@@ -646,7 +646,7 @@ class CssParser extends Parser {
 		/**
 		 * @param {string} input input
 		 */
-		const processDeclarationValueDone = input => {
+		const processDeclarationValueDone = (input) => {
 			if (inAnimationProperty && lastIdentifier) {
 				const { line: sl, column: sc } = locConverter.get(lastIdentifier[0]);
 				const { line: el, column: ec } = locConverter.get(lastIdentifier[1]);