webpack 5.105.4 → 5.106.1

package/README.md

@@ -164,18 +164,15 @@ or are automatically applied via regex from your webpack configuration.
 |                                                                                         Name                                                                                         |     Status      |   Install Size   | Description                                                                             |
 | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------: | :--------------: | :-------------------------------------------------------------------------------------- |
 |     <a href="https://github.com/webpack-contrib/html-loader"><img width="48" height="48" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg"></a>      |   ![html-npm]   |   ![html-size]   | Exports HTML as string, requires references to static resources                         |
-|        <a href="https://github.com/pugjs/pug-loader"><img width="48" height="48" src="https://cdn.rawgit.com/pugjs/pug-logo/master/SVG/pug-final-logo-_-colour-128.svg"></a>         |   ![pug-npm]    |   ![pug-size]    | Loads Pug templates and returns a function                                              |
-|      <a href="https://github.com/webdiscus/pug-loader"><img width="48" height="48" src="https://cdn.rawgit.com/pugjs/pug-logo/master/SVG/pug-final-logo-_-colour-128.svg"></a>       |   ![pug3-npm]   |   ![pug3-size]   | Compiles Pug to a function or HTML string, useful for use with Vue, React, Angular      |
+|      <a href="https://github.com/webdiscus/pug-loader"><img width="48" height="48" src="https://cdn.rawgit.com/pugjs/pug-logo/master/SVG/pug-final-logo-_-colour-128.svg"></a>       |   ![pug-npm]    |   ![pug-size]    | Compiles Pug to a function or HTML string, useful for use with Vue, React, Angular      |
 |    <a href="https://github.com/peerigon/markdown-loader"><img width="48" height="48" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/markdown/markdown-original.svg"></a>    |    ![md-npm]    |    ![md-size]    | Compiles Markdown to HTML                                                               |
 |                      <a href="https://github.com/posthtml/posthtml-loader"><img width="48" height="48" src="https://posthtml.github.io/posthtml/logo.svg"></a>                       | ![posthtml-npm] | ![posthtml-size] | Loads and transforms a HTML file using [PostHTML](https://github.com/posthtml/posthtml) |
 | <a href="https://github.com/pcardune/handlebars-loader"><img width="48" height="48" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/handlebars/handlebars-original.svg"></a> |   ![hbs-npm]    |   ![hbs-size]    | Compiles Handlebars to HTML                                                             |
 
 [html-npm]: https://img.shields.io/npm/v/html-loader.svg
 [html-size]: https://packagephobia.com/badge?p=html-loader
-[pug-npm]: https://img.shields.io/npm/v/pug-loader.svg
-[pug-size]: https://packagephobia.com/badge?p=pug-loader
-[pug3-npm]: https://img.shields.io/npm/v/@webdiscus/pug-loader.svg
-[pug3-size]: https://packagephobia.com/badge?p=@webdiscus/pug-loader
+[pug-npm]: https://img.shields.io/npm/v/@webdiscus/pug-loader.svg
+[pug-size]: https://packagephobia.com/badge?p=@webdiscus/pug-loader
 [jade-npm]: https://img.shields.io/npm/v/jade-loader.svg
 [jade-size]: https://packagephobia.com/badge?p=jade-loader
 [md-npm]: https://img.shields.io/npm/v/markdown-loader.svg

package/lib/BannerPlugin.js

@@ -9,10 +9,10 @@ const { ConcatSource } = require("webpack-sources");
 const Compilation = require("./Compilation");
 const ModuleFilenameHelpers = require("./ModuleFilenameHelpers");
 const Template = require("./Template");
-const createSchemaValidation = require("./util/create-schema-validation");
 
 /** @typedef {import("webpack-sources").Source} Source */
 /** @typedef {import("../declarations/plugins/BannerPlugin").BannerPluginArgument} BannerPluginArgument */
+/** @typedef {import("../declarations/plugins/BannerPlugin").BannerPluginOptions} BannerPluginOptions */
 /** @typedef {import("./Compilation").PathData} PathData */
 /** @typedef {import("./Compiler")} Compiler */
 /** @typedef {import("./Chunk")} Chunk */
@@ -20,16 +20,6 @@ const createSchemaValidation = require("./util/create-schema-validation");
 
 /** @typedef {(data: { hash?: string, chunk: Chunk, filename: string }) => string} BannerFunction */
 
-const validate = createSchemaValidation(
-	/** @type {((value: typeof import("../schemas/plugins/BannerPlugin.json")) => boolean)} */
-	(require("../schemas/plugins/BannerPlugin.check")),
-	() => require("../schemas/plugins/BannerPlugin.json"),
-	{
-		name: "Banner Plugin",
-		baseDataPath: "options"
-	}
-);
-
 /**
  * @param {string} str string to wrap
  * @returns {string} wrapped string
@@ -59,8 +49,7 @@ class BannerPlugin {
 			};
 		}
 
-		validate(options);
-
+		/** @type {BannerPluginOptions} */
 		this.options = options;
 
 		const bannerOption = options.banner;
@@ -85,6 +74,17 @@ class BannerPlugin {
 	 * @returns {void}
 	 */
 	apply(compiler) {
+		compiler.hooks.validate.tap(PLUGIN_NAME, () => {
+			compiler.validate(
+				() => require("../schemas/plugins/BannerPlugin.json"),
+				this.options,
+				{
+					name: "Banner Plugin",
+					baseDataPath: "options"
+				},
+				(options) => require("../schemas/plugins/BannerPlugin.check")(options)
+			);
+		});
 		const options = this.options;
 		const banner = this.banner;
 		const matchObject = ModuleFilenameHelpers.matchObject.bind(

package/lib/Chunk.js

@@ -124,6 +124,10 @@ class Chunk {
 
 	// TODO remove in webpack 6
 	// BACKWARD-COMPAT START
+	/**
+	 * @deprecated
+	 * @returns {Module | undefined} entry module
+	 */
 	get entryModule() {
 		const entryModules = [
 			...ChunkGraph.getChunkGraphForChunk(
@@ -144,6 +148,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @returns {boolean} true, if the chunk contains an entry module
 	 */
 	hasEntryModule() {
@@ -157,6 +162,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Module} module the module
 	 * @returns {boolean} true, if the chunk could be added
 	 */
@@ -172,6 +178,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Module} module the module
 	 * @returns {void}
 	 */
@@ -184,6 +191,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @returns {number} the number of module which are contained in this chunk
 	 */
 	getNumberOfModules() {
@@ -194,6 +202,10 @@ class Chunk {
 		).getNumberOfChunkModules(this);
 	}
 
+	/**
+	 * @deprecated
+	 * @returns {Iterable<Module>} modules
+	 */
 	get modulesIterable() {
 		const chunkGraph = ChunkGraph.getChunkGraphForChunk(
 			this,
@@ -207,6 +219,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Chunk} otherChunk the chunk to compare with
 	 * @returns {-1 | 0 | 1} the comparison result
 	 */
@@ -220,6 +233,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Module} module the module
 	 * @returns {boolean} true, if the chunk contains the module
 	 */
@@ -232,6 +246,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @returns {Module[]} the modules for this chunk
 	 */
 	getModules() {
@@ -243,6 +258,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @returns {void}
 	 */
 	remove() {
@@ -256,6 +272,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Module} module the module
 	 * @param {Chunk} otherChunk the target chunk
 	 * @returns {void}
@@ -271,6 +288,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Chunk} otherChunk the other chunk
 	 * @returns {boolean} true, if the specified chunk has been integrated
 	 */
@@ -289,6 +307,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Chunk} otherChunk the other chunk
 	 * @returns {boolean} true, if chunks could be integrated
 	 */
@@ -302,6 +321,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @returns {boolean} true, if this chunk contains no module
 	 */
 	isEmpty() {
@@ -314,6 +334,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @returns {number} total size of all modules in this chunk
 	 */
 	modulesSize() {
@@ -326,6 +347,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {ChunkSizeOptions} options options object
 	 * @returns {number} total size of this chunk
 	 */
@@ -339,6 +361,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {Chunk} otherChunk the other chunk
 	 * @param {ChunkSizeOptions} options options object
 	 * @returns {number} total size of the chunk or false if the chunk can't be integrated
@@ -353,6 +376,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {ModuleFilterPredicate} filterFn function used to filter modules
 	 * @returns {ChunkModuleMaps} module map information
 	 */
@@ -398,6 +422,7 @@ class Chunk {
 	}
 
 	/**
+	 * @deprecated
 	 * @param {ModuleFilterPredicate} filterFn predicate function used to filter modules
 	 * @param {ChunkFilterPredicate=} filterChunkFn predicate function used to filter chunks
 	 * @returns {boolean} return true if module exists in graph

package/lib/ChunkGraph.js

@@ -1846,6 +1846,7 @@ Caller might not support runtime-dependent code generation (opt-out via optimiza
 
 	// TODO remove in webpack 6
 	/**
+	 * @deprecated
 	 * @param {Module} module the module
 	 * @param {string} deprecateMessage message for the deprecation message
 	 * @param {string} deprecationCode code for the deprecation
@@ -1878,7 +1879,9 @@ Caller might not support runtime-dependent code generation (opt-out via optimiza
 	}
 
 	// TODO remove in webpack 6
+	// BACKWARD-COMPAT START
 	/**
+	 * @deprecated
 	 * @param {Module} module the module
 	 * @param {ChunkGraph} chunkGraph the chunk graph
 	 * @returns {void}
@@ -1887,8 +1890,8 @@ Caller might not support runtime-dependent code generation (opt-out via optimiza
 		chunkGraphForModuleMap.set(module, chunkGraph);
 	}
 
-	// TODO remove in webpack 6
 	/**
+	 * @deprecated
 	 * @param {Module} module the module
 	 * @returns {void}
 	 */
@@ -1896,8 +1899,8 @@ Caller might not support runtime-dependent code generation (opt-out via optimiza
 		chunkGraphForModuleMap.delete(module);
 	}
 
-	// TODO remove in webpack 6
 	/**
+	 * @deprecated
 	 * @param {Chunk} chunk the chunk
 	 * @param {string} deprecateMessage message for the deprecation message
 	 * @param {string} deprecationCode code for the deprecation
@@ -1929,8 +1932,8 @@ Caller might not support runtime-dependent code generation (opt-out via optimiza
 		return newFn(chunk);
 	}
 
-	// TODO remove in webpack 6
 	/**
+	 * @deprecated
 	 * @param {Chunk} chunk the chunk
 	 * @param {ChunkGraph} chunkGraph the chunk graph
 	 * @returns {void}
@@ -1939,14 +1942,15 @@ Caller might not support runtime-dependent code generation (opt-out via optimiza
 		chunkGraphForChunkMap.set(chunk, chunkGraph);
 	}
 
-	// TODO remove in webpack 6
 	/**
+	 * @deprecated
 	 * @param {Chunk} chunk the chunk
 	 * @returns {void}
 	 */
 	static clearChunkGraphForChunk(chunk) {
 		chunkGraphForChunkMap.delete(chunk);
 	}
+	// BACKWARD-COMPAT END
 }
 
 // TODO remove in webpack 6

package/lib/CleanPlugin.js

@@ -9,7 +9,6 @@ const path = require("path");
 const asyncLib = require("neo-async");
 const { SyncBailHook } = require("tapable");
 const Compilation = require("./Compilation");
-const createSchemaValidation = require("./util/create-schema-validation");
 const { join } = require("./util/fs");
 const processAsyncTree = require("./util/processAsyncTree");
 
@@ -33,21 +32,6 @@ const processAsyncTree = require("./util/processAsyncTree");
  * @returns {boolean | undefined} true, if the path should be kept
  */
 
-const validate = createSchemaValidation(
-	undefined,
-	() => {
-		const { definitions } = require("../schemas/WebpackOptions.json");
-
-		return {
-			definitions,
-			oneOf: [{ $ref: "#/definitions/CleanOptions" }]
-		};
-	},
-	{
-		name: "Clean Plugin",
-		baseDataPath: "options"
-	}
-);
 const _10sec = 10 * 1000;
 
 /**
@@ -368,9 +352,8 @@ class CleanPlugin {
 
 	/** @param {CleanOptions} options options */
 	constructor(options = {}) {
-		validate(options);
-		/** @type {CleanOptions & { dry: boolean }} */
-		this.options = { dry: false, ...options };
+		/** @type {CleanOptions} */
+		this.options = options;
 	}
 
 	/**
@@ -379,8 +362,28 @@ class CleanPlugin {
 	 * @returns {void}
 	 */
 	apply(compiler) {
-		const { dry, keep } = this.options;
+		compiler.hooks.validate.tap(PLUGIN_NAME, () => {
+			compiler.validate(
+				() => {
+					const { definitions } = require("../schemas/WebpackOptions.json");
+
+					return {
+						definitions,
+						oneOf: [{ $ref: "#/definitions/CleanOptions" }]
+					};
+				},
+				this.options,
+				{
+					name: "Clean Plugin",
+					baseDataPath: "options"
+				}
+			);
+		});
+
+		const { keep } = this.options;
 
+		/** @type {boolean} */
+		const dry = this.options.dry || false;
 		/** @type {KeepFn} */
 		const keepFn =
 			typeof keep === "function"

package/lib/CompatibilityPlugin.js

@@ -147,7 +147,7 @@ class CompatibilityPlugin {
 									range: /** @type {Range} */ (pattern.range)
 								}
 							});
-							if (!parser.scope.topLevelScope) {
+							if (parser.scope.topLevelScope !== true) {
 								return true;
 							}
 						});

package/lib/Compilation.js

@@ -122,6 +122,8 @@ const { isSourceEqual } = require("./util/source");
 /** @typedef {import("./ModuleGraphConnection")} ModuleGraphConnection */
 /** @typedef {import("./ModuleFactory").ModuleFactoryCreateDataContextInfo} ModuleFactoryCreateDataContextInfo */
 /** @typedef {import("./ModuleFactory").ModuleFactoryResult} ModuleFactoryResult */
+/** @typedef {import("./NormalModule")} NormalModule */
+/** @typedef {import("./NormalModule").AnyLoaderContext} AnyLoaderContext */
 /** @typedef {import("./NormalModule").ParserOptions} ParserOptions */
 /** @typedef {import("./NormalModule").GeneratorOptions} GeneratorOptions */
 /** @typedef {import("./RequestShortener")} RequestShortener */
@@ -347,6 +349,7 @@ const { isSourceEqual } = require("./util/source");
  * @property {HashWithLengthFunction=} contentHashWithLength
  * @property {boolean=} noChunkHash
  * @property {string=} url
+ * @property {string=} local
  * @property {PrepareIdFunction=} prepareId
  */
 
@@ -1038,6 +1041,10 @@ BREAKING CHANGE: Asset processing hooks in Compilation has been merged into a si
 			/** @type {SyncHook<[StatsPrinter, NormalizedStatsOptions]>} */
 			statsPrinter: new SyncHook(["statsPrinter", "options"]),
 
+			/**
+			 * @deprecated
+			 * @returns {SyncHook<[AnyLoaderContext, NormalModule]>} normal module loader hook
+			 */
 			get normalModuleLoader() {
 				return getNormalModuleLoader();
 			}
@@ -1245,6 +1252,10 @@ BREAKING CHANGE: Asset processing hooks in Compilation has been merged into a si
 		/** @type {FileSystemDependencies} */
 		this.buildDependencies = new LazySet();
 		// TODO webpack 6 remove
+		/**
+		 * @deprecated
+		 * @type {{ add: (item: string) => FileSystemDependencies }}
+		 */
 		this.compilationDependencies = {
 			add: util.deprecate(
 				/**
@@ -3263,7 +3274,7 @@ BREAKING CHANGE: Asset processing hooks in Compilation has been merged into a si
 				chunkGraphInit.set(entrypoint, (modulesList = []));
 			}
 			for (const module of includedModules) {
-				this.assignDepth(module);
+				this.assignDepths([module]);
 				modulesList.push(module);
 			}
 		}
@@ -4165,7 +4176,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 	}
 
 	/**
-	 * @param {Set<Module>} modules module to assign depth
+	 * @param {Module[] | Set<Module>} modules module to assign depth
 	 * @returns {void}
 	 */
 	assignDepths(modules) {
@@ -4486,24 +4497,34 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 
 		this.logger.time("hashing: sort chunks");
 		/*
-		 * all non-runtime chunks need to be hashes first,
-		 * since runtime chunk might use their hashes.
-		 * runtime chunks need to be hashed in the correct order
-		 * since they may depend on each other (for async entrypoints).
-		 * So we put all non-runtime chunks first and hash them in any order.
-		 * And order runtime chunks according to referenced between each other.
-		 * Chunks need to be in deterministic order since we add hashes to full chunk
-		 * during these hashing.
+		 * Chunks are hashed in 4 categories, in this order:
+		 * 1. Async chunks - no hash dependencies on other chunks
+		 * 2. Non-entry initial chunks (e.g. shared split chunks) - no hash
+		 *    dependencies on other chunks, but runtime chunks may read their
+		 *    hashes via GetChunkFilenameRuntimeModule (dependentHash)
+		 * 3. Runtime chunks - may use hashes of async and non-entry initial
+		 *    chunks (via GetChunkFilenameRuntimeModule). Ordered by references
+		 *    between each other (for async entrypoints)
+		 * 4. Entry chunks - may depend on runtimeChunk.hash (via
+		 *    createChunkHashHandler for ESM/CJS entry importing runtime)
+		 *
+		 * This ordering ensures all hash dependencies flow in one direction:
+		 * async/initial → runtime → entry, with no circular dependencies.
+		 * Chunks within each category are sorted by id for determinism.
 		 */
 		/** @type {Chunk[]} */
 		const unorderedRuntimeChunks = [];
 		/** @type {Chunk[]} */
 		const initialChunks = [];
 		/** @type {Chunk[]} */
+		const entryChunks = [];
+		/** @type {Chunk[]} */
 		const asyncChunks = [];
 		for (const c of this.chunks) {
 			if (c.hasRuntime()) {
 				unorderedRuntimeChunks.push(c);
+			} else if (chunkGraph.getNumberOfEntryModules(c) > 0) {
+				entryChunks.push(c);
 			} else if (c.canBeInitial()) {
 				initialChunks.push(c);
 			} else {
@@ -4511,6 +4532,7 @@ Or do you want to use the entrypoints '${name}' and '${runtime}' independently o
 			}
 		}
 		unorderedRuntimeChunks.sort(byId);
+		entryChunks.sort(byId);
 		initialChunks.sort(byId);
 		asyncChunks.sort(byId);
 
@@ -4682,8 +4704,9 @@ This prevents using hashes of each other and should be avoided.`);
 			this.logger.timeAggregate("hashing: hash chunks");
 		};
 		for (const chunk of asyncChunks) processChunk(chunk);
-		for (const chunk of runtimeChunks) processChunk(chunk);
 		for (const chunk of initialChunks) processChunk(chunk);
+		for (const chunk of runtimeChunks) processChunk(chunk);
+		for (const chunk of entryChunks) processChunk(chunk);
 		if (errors.length > 0) {
 			errors.sort(
 				compareSelect((err) => err.module, compareModulesByIdentifier)

package/lib/Compiler.js

@@ -30,6 +30,7 @@ const WebpackError = require("./WebpackError");
 const { Logger } = require("./logging/Logger");
 const { dirname, join, mkdirp } = require("./util/fs");
 const { makePathsRelative } = require("./util/identifier");
+const memoize = require("./util/memoize");
 const { isSourceEqual } = require("./util/source");
 const webpack = require(".");
 
@@ -61,6 +62,9 @@ const webpack = require(".");
 /** @typedef {import("./util/fs").OutputFileSystem} OutputFileSystem */
 /** @typedef {import("./util/fs").TimeInfoEntries} TimeInfoEntries */
 /** @typedef {import("./util/fs").WatchFileSystem} WatchFileSystem */
+/** @typedef {import("schema-utils").validate} Validate */
+/** @typedef {import("schema-utils").Schema} Schema */
+/** @typedef {import("schema-utils").ValidationErrorConfiguration} ValidationErrorConfiguration */
 
 /**
  * @typedef {object} CompilationParams
@@ -155,6 +159,8 @@ const includesHash = (filename, hashes) => {
 	return filename.includes(hashes);
 };
 
+const getValidate = memoize(() => require("schema-utils").validate);
+
 class Compiler {
 	/**
 	 * @param {string} context the compilation path
@@ -226,6 +232,8 @@ class Compiler {
 			// TODO the following hooks are weirdly located here
 			// TODO move them for webpack 5
 			/** @type {SyncHook<[]>} */
+			validate: new SyncHook([]),
+			/** @type {SyncHook<[]>} */
 			environment: new SyncHook([]),
 			/** @type {SyncHook<[]>} */
 			afterEnvironment: new SyncHook([]),
@@ -510,7 +518,6 @@ class Compiler {
 			if (logger) logger.time("beginIdle");
 			this.idle = true;
 			this.cache.beginIdle();
-			this.idle = true;
 			if (logger) logger.timeEnd("beginIdle");
 			this.running = false;
 			if (err) {
@@ -1408,6 +1415,57 @@ ${other}`);
 			this.cache.shutdown(callback);
 		});
 	}
+
+	/**
+	 * Schema validation function with optional pre-compiled check
+	 * @template {EXPECTED_OBJECT | EXPECTED_OBJECT[]} [T=EXPECTED_OBJECT]
+	 * @param {Schema | (() => Schema)} schema schema
+	 * @param {T} value value
+	 * @param {ValidationErrorConfiguration=} options options
+	 * @param {((value: T) => boolean)=} check options
+	 */
+	validate(schema, value, options, check) {
+		// Avoid validation at all when disabled
+		if (this.options.validate === false) {
+			return;
+		}
+
+		/**
+		 * @returns {Schema} schema
+		 */
+		const getSchema = () => {
+			if (typeof schema === "function") {
+				return schema();
+			}
+
+			return schema;
+		};
+
+		// // If we have precompiled schema let's use it
+		if (check) {
+			if (!check(value)) {
+				getValidate()(
+					getSchema(),
+					/** @type {EXPECTED_OBJECT | EXPECTED_OBJECT[]} */
+					(value),
+					options
+				);
+				require("util").deprecate(
+					() => {},
+					"webpack bug: Pre-compiled schema reports error while real schema is happy. This has performance drawbacks.",
+					"DEP_WEBPACK_PRE_COMPILED_SCHEMA_INVALID"
+				)();
+			}
+			return;
+		}
+
+		// Otherwise let's standard validation
+		getValidate()(
+			getSchema(),
+			/** @type {EXPECTED_OBJECT | EXPECTED_OBJECT[]} */ (value),
+			options
+		);
+	}
 }
 
 module.exports = Compiler;

package/lib/CssModule.js

@@ -13,6 +13,7 @@ const makeSerializable = require("./util/makeSerializable");
 /** @typedef {import("./RequestShortener")} RequestShortener */
 /** @typedef {import("./serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
 /** @typedef {import("./serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
+/** @typedef {import("../declarations/WebpackOptions").CssParserExportType} CssParserExportType */
 
 /** @typedef {string | undefined} CssLayer */
 /** @typedef {string | undefined} Supports */
@@ -20,7 +21,7 @@ const makeSerializable = require("./util/makeSerializable");
 /** @typedef {[CssLayer, Supports, Media]} InheritanceItem */
 /** @typedef {InheritanceItem[]} Inheritance */
 
-/** @typedef {NormalModuleCreateData & { cssLayer: CssLayer, supports: Supports, media: Media, inheritance?: Inheritance }} CSSModuleCreateData */
+/** @typedef {NormalModuleCreateData & { cssLayer: CssLayer, supports: Supports, media: Media, inheritance?: Inheritance, exportType?: CssParserExportType }} CSSModuleCreateData */
 
 class CssModule extends NormalModule {
 	/**
@@ -38,6 +39,8 @@ class CssModule extends NormalModule {
 		this.media = options.media;
 		/** @type {CSSModuleCreateData['inheritance']} */
 		this.inheritance = options.inheritance;
+		/** @type {CSSModuleCreateData['exportType']} */
+		this.exportType = options.exportType;
 	}
 
 	/**
@@ -69,6 +72,10 @@ class CssModule extends NormalModule {
 			identifier += `|${inheritance.join("|")}`;
 		}
 
+		if (this.exportType) {
+			identifier += `|${this.exportType}`;
+		}
+
 		// We generate extra code for HMR, so we need to invalidate the module
 		if (this.hot) {
 			identifier += `|${this.hot}`;
@@ -98,6 +105,10 @@ class CssModule extends NormalModule {
 			identifier += ` (media: ${this.media})`;
 		}
 
+		if (this.exportType) {
+			identifier += ` (exportType: ${this.exportType})`;
+		}
+
 		return identifier;
 	}
 
@@ -115,6 +126,7 @@ class CssModule extends NormalModule {
 		this.supports = m.supports;
 		this.media = m.media;
 		this.inheritance = m.inheritance;
+		this.exportType = m.exportType;
 	}
 
 	/**
@@ -126,6 +138,7 @@ class CssModule extends NormalModule {
 		write(this.supports);
 		write(this.media);
 		write(this.inheritance);
+		write(this.exportType);
 		super.serialize(context);
 	}
 
@@ -155,7 +168,8 @@ class CssModule extends NormalModule {
 			supports: /** @type {EXPECTED_ANY} */ (null),
 			media: /** @type {EXPECTED_ANY} */ (null),
 			inheritance: /** @type {EXPECTED_ANY} */ (null),
-			extractSourceMap: /** @type {EXPECTED_ANY} */ (null)
+			extractSourceMap: /** @type {EXPECTED_ANY} */ (null),
+			exportType: /** @type {EXPECTED_ANY} */ (null)
 		});
 		obj.deserialize(context);
 		return obj;
@@ -170,6 +184,7 @@ class CssModule extends NormalModule {
 		this.supports = read();
 		this.media = read();
 		this.inheritance = read();
+		this.exportType = read();
 		super.deserialize(context);
 	}
 }

package/lib/Dependency.js

@@ -87,7 +87,7 @@ const memoize = require("./util/memoize");
 
 /** @typedef {(moduleGraphConnection: ModuleGraphConnection, runtime: RuntimeSpec) => ConnectionState} GetConditionFn */
 
-const TRANSITIVE = Symbol("transitive");
+const TRANSITIVE = /** @type {symbol} */ (Symbol("transitive"));
 
 const getIgnoredModule = memoize(() => {
 	const RawModule = require("./RawModule");