webpack 5.97.1 → 5.104.1

package/lib/asset/AssetGenerator.js

@@ -5,58 +5,61 @@
 
 "use strict";
 
-const mimeTypes = require("mime-types");
 const path = require("path");
 const { RawSource } = require("webpack-sources");
 const ConcatenationScope = require("../ConcatenationScope");
 const Generator = require("../Generator");
 const {
-	NO_TYPES,
-	ASSET_TYPES,
-	ASSET_AND_JS_TYPES,
-	ASSET_AND_JS_AND_CSS_URL_TYPES,
 	ASSET_AND_CSS_URL_TYPES,
-	JS_TYPES,
-	JS_AND_CSS_URL_TYPES,
-	CSS_URL_TYPES
-} = require("../ModuleSourceTypesConstants");
+	ASSET_AND_JAVASCRIPT_AND_CSS_URL_TYPES,
+	ASSET_AND_JAVASCRIPT_TYPES,
+	ASSET_TYPES,
+	CSS_TYPE,
+	CSS_URL_TYPE,
+	CSS_URL_TYPES,
+	JAVASCRIPT_AND_CSS_URL_TYPES,
+	JAVASCRIPT_TYPE,
+	JAVASCRIPT_TYPES,
+	NO_TYPES
+} = require("../ModuleSourceTypeConstants");
 const { ASSET_MODULE_TYPE } = require("../ModuleTypeConstants");
 const RuntimeGlobals = require("../RuntimeGlobals");
 const CssUrlDependency = require("../dependencies/CssUrlDependency");
 const createHash = require("../util/createHash");
 const { makePathsRelative } = require("../util/identifier");
+const memoize = require("../util/memoize");
 const nonNumericOnlyHash = require("../util/nonNumericOnlyHash");
 
+const getMimeTypes = memoize(() => require("mime-types"));
+
 /** @typedef {import("webpack-sources").Source} Source */
 /** @typedef {import("../../declarations/WebpackOptions").AssetGeneratorDataUrlOptions} AssetGeneratorDataUrlOptions */
 /** @typedef {import("../../declarations/WebpackOptions").AssetGeneratorOptions} AssetGeneratorOptions */
 /** @typedef {import("../../declarations/WebpackOptions").AssetModuleFilename} AssetModuleFilename */
 /** @typedef {import("../../declarations/WebpackOptions").AssetModuleOutputPath} AssetModuleOutputPath */
+/** @typedef {import("../../declarations/WebpackOptions").AssetResourceGeneratorOptions} AssetResourceGeneratorOptions */
 /** @typedef {import("../../declarations/WebpackOptions").RawPublicPath} RawPublicPath */
-/** @typedef {import("../Compilation")} Compilation */
+/** @typedef {import("../ChunkGraph")} ChunkGraph */
 /** @typedef {import("../Compilation").AssetInfo} AssetInfo */
-/** @typedef {import("../Compilation").InterpolatedPathAndAssetInfo} InterpolatedPathAndAssetInfo */
-/** @typedef {import("../Compiler")} Compiler */
 /** @typedef {import("../Generator").GenerateContext} GenerateContext */
 /** @typedef {import("../Generator").UpdateHashContext} UpdateHashContext */
-/** @typedef {import("../Module")} Module */
+/** @typedef {import("../Module").NameForCondition} NameForCondition */
 /** @typedef {import("../Module").BuildInfo} BuildInfo */
-/** @typedef {import("../Module").BuildMeta} BuildMeta */
 /** @typedef {import("../Module").ConcatenationBailoutReasonContext} ConcatenationBailoutReasonContext */
+/** @typedef {import("../Module").SourceType} SourceType */
 /** @typedef {import("../Module").SourceTypes} SourceTypes */
 /** @typedef {import("../ModuleGraph")} ModuleGraph */
 /** @typedef {import("../NormalModule")} NormalModule */
 /** @typedef {import("../RuntimeTemplate")} RuntimeTemplate */
-/** @typedef {import("../TemplatedPathPlugin").TemplatePath} TemplatePath */
 /** @typedef {import("../util/Hash")} Hash */
-/** @typedef {import("../util/createHash").Algorithm} Algorithm */
+/** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
 
 /**
  * @template T
  * @template U
- * @param {Array<T> | Set<T>} a a
- * @param {Array<U> | Set<U>} b b
- * @returns {Array<T> & Array<U>} array
+ * @param {null | string | T[] | Set<T> | undefined} a a
+ * @param {null | string | U[] | Set<U> | undefined} b b
+ * @returns {T[] & U[]} array
  */
 const mergeMaybeArrays = (a, b) => {
 	const set = new Set();
@@ -64,17 +67,16 @@ const mergeMaybeArrays = (a, b) => {
 	else set.add(a);
 	if (Array.isArray(b)) for (const item of b) set.add(item);
 	else set.add(b);
-	return Array.from(set);
+	return [...set];
 };
 
 /**
- * @template {object} T
- * @template {object} U
- * @param {TODO} a a
- * @param {TODO} b b
- * @returns {T & U} object
+ * @param {AssetInfo} a a
+ * @param {AssetInfo} b b
+ * @returns {AssetInfo} object
  */
 const mergeAssetInfo = (a, b) => {
+	/** @type {AssetInfo} */
 	const result = { ...a, ...b };
 	for (const key of Object.keys(a)) {
 		if (key in b) {
@@ -93,7 +95,12 @@ const mergeAssetInfo = (a, b) => {
 					result[key] = a[key] || b[key];
 					break;
 				case "related":
-					result[key] = mergeRelatedInfo(a[key], b[key]);
+					result[key] = mergeRelatedInfo(
+						/** @type {NonNullable<AssetInfo["related"]>} */
+						(a[key]),
+						/** @type {NonNullable<AssetInfo["related"]>} */
+						(b[key])
+					);
 					break;
 				default:
 					throw new Error(`Can't handle conflicting asset info for ${key}`);
@@ -104,11 +111,9 @@ const mergeAssetInfo = (a, b) => {
 };
 
 /**
- * @template {object} T
- * @template {object} U
- * @param {TODO} a a
- * @param {TODO} b b
- * @returns {T & U} object
+ * @param {NonNullable<AssetInfo["related"]>} a a
+ * @param {NonNullable<AssetInfo["related"]>} b b
+ * @returns {NonNullable<AssetInfo["related"]>} object
  */
 const mergeRelatedInfo = (a, b) => {
 	const result = { ...a, ...b };
@@ -139,7 +144,7 @@ const encodeDataUri = (encoding, source) => {
 			const content = source.source();
 
 			if (typeof content !== "string") {
-				encodedContent = content.toString("utf-8");
+				encodedContent = content.toString("utf8");
 			}
 
 			encodedContent = encodeURIComponent(
@@ -147,7 +152,7 @@ const encodeDataUri = (encoding, source) => {
 				(encodedContent)
 			).replace(
 				/[!'()*]/g,
-				character =>
+				(character) =>
 					`%${/** @type {number} */ (character.codePointAt(0)).toString(16)}`
 			);
 			break;
@@ -160,7 +165,7 @@ const encodeDataUri = (encoding, source) => {
 };
 
 /**
- * @param {string} encoding encoding
+ * @param {"base64" | false} encoding encoding
  * @param {string} content content
  * @returns {Buffer} decoded content
  */
@@ -212,14 +217,178 @@ class AssetGenerator extends Generator {
 	 * @param {RuntimeTemplate} runtimeTemplate runtime template
 	 * @returns {string} source file name
 	 */
-	getSourceFileName(module, runtimeTemplate) {
+	static getSourceFileName(module, runtimeTemplate) {
 		return makePathsRelative(
 			runtimeTemplate.compilation.compiler.context,
-			module.matchResource || module.resource,
+			/** @type {string} */
+			(module.getResource()),
 			runtimeTemplate.compilation.compiler.root
 		).replace(/^\.\//, "");
 	}
 
+	/**
+	 * @param {NormalModule} module module
+	 * @param {RuntimeTemplate} runtimeTemplate runtime template
+	 * @returns {[string, string]} return full hash and non-numeric full hash
+	 */
+	static getFullContentHash(module, runtimeTemplate) {
+		const hash = createHash(runtimeTemplate.outputOptions.hashFunction);
+
+		if (runtimeTemplate.outputOptions.hashSalt) {
+			hash.update(runtimeTemplate.outputOptions.hashSalt);
+		}
+
+		const source = module.originalSource();
+
+		if (source) {
+			hash.update(source.buffer());
+		}
+
+		if (module.error) {
+			hash.update(module.error.toString());
+		}
+
+		const fullContentHash = hash.digest(
+			runtimeTemplate.outputOptions.hashDigest
+		);
+
+		const contentHash = nonNumericOnlyHash(
+			fullContentHash,
+			runtimeTemplate.outputOptions.hashDigestLength
+		);
+
+		return [fullContentHash, contentHash];
+	}
+
+	/**
+	 * @param {NormalModule} module module for which the code should be generated
+	 * @param {Pick<AssetResourceGeneratorOptions, "filename" | "outputPath">} generatorOptions generator options
+	 * @param {{ runtime: RuntimeSpec, runtimeTemplate: RuntimeTemplate, chunkGraph: ChunkGraph }} generateContext context for generate
+	 * @param {string} contentHash the content hash
+	 * @returns {{ filename: string, originalFilename: string, assetInfo: AssetInfo }} info
+	 */
+	static getFilenameWithInfo(
+		module,
+		generatorOptions,
+		{ runtime, runtimeTemplate, chunkGraph },
+		contentHash
+	) {
+		const assetModuleFilename =
+			generatorOptions.filename ||
+			runtimeTemplate.outputOptions.assetModuleFilename;
+
+		const sourceFilename = AssetGenerator.getSourceFileName(
+			module,
+			runtimeTemplate
+		);
+		let { path: filename, info: assetInfo } =
+			runtimeTemplate.compilation.getAssetPathWithInfo(assetModuleFilename, {
+				module,
+				runtime,
+				filename: sourceFilename,
+				chunkGraph,
+				contentHash
+			});
+
+		const originalFilename = filename;
+
+		if (generatorOptions.outputPath) {
+			const { path: outputPath, info } =
+				runtimeTemplate.compilation.getAssetPathWithInfo(
+					generatorOptions.outputPath,
+					{
+						module,
+						runtime,
+						filename: sourceFilename,
+						chunkGraph,
+						contentHash
+					}
+				);
+			filename = path.posix.join(outputPath, filename);
+			assetInfo = mergeAssetInfo(assetInfo, info);
+		}
+
+		return { originalFilename, filename, assetInfo };
+	}
+
+	/**
+	 * @param {NormalModule} module module for which the code should be generated
+	 * @param {Pick<AssetResourceGeneratorOptions, "publicPath">} generatorOptions generator options
+	 * @param {GenerateContext} generateContext context for generate
+	 * @param {string} filename the filename
+	 * @param {AssetInfo} assetInfo the asset info
+	 * @param {string} contentHash the content hash
+	 * @returns {{ assetPath: string, assetInfo: AssetInfo }} asset path and info
+	 */
+	static getAssetPathWithInfo(
+		module,
+		generatorOptions,
+		{ runtime, runtimeTemplate, type, chunkGraph, runtimeRequirements },
+		filename,
+		assetInfo,
+		contentHash
+	) {
+		const sourceFilename = AssetGenerator.getSourceFileName(
+			module,
+			runtimeTemplate
+		);
+
+		let assetPath;
+
+		if (generatorOptions.publicPath !== undefined && type === JAVASCRIPT_TYPE) {
+			const { path, info } = runtimeTemplate.compilation.getAssetPathWithInfo(
+				generatorOptions.publicPath,
+				{
+					module,
+					runtime,
+					filename: sourceFilename,
+					chunkGraph,
+					contentHash
+				}
+			);
+			assetInfo = mergeAssetInfo(assetInfo, info);
+			assetPath = JSON.stringify(path + filename);
+		} else if (
+			generatorOptions.publicPath !== undefined &&
+			type === CSS_URL_TYPE
+		) {
+			const { path, info } = runtimeTemplate.compilation.getAssetPathWithInfo(
+				generatorOptions.publicPath,
+				{
+					module,
+					runtime,
+					filename: sourceFilename,
+					chunkGraph,
+					contentHash
+				}
+			);
+			assetInfo = mergeAssetInfo(assetInfo, info);
+			assetPath = path + filename;
+		} else if (type === JAVASCRIPT_TYPE) {
+			// add __webpack_require__.p
+			runtimeRequirements.add(RuntimeGlobals.publicPath);
+			assetPath = runtimeTemplate.concatenation(
+				{ expr: RuntimeGlobals.publicPath },
+				filename
+			);
+		} else if (type === CSS_URL_TYPE) {
+			const compilation = runtimeTemplate.compilation;
+			const path =
+				compilation.outputOptions.publicPath === "auto"
+					? CssUrlDependency.PUBLIC_PATH_AUTO
+					: compilation.getAssetPath(compilation.outputOptions.publicPath, {
+							hash: compilation.hash
+						});
+
+			assetPath = path + filename;
+		}
+
+		return {
+			assetPath: /** @type {string} */ (assetPath),
+			assetInfo: { sourceFilename, ...assetInfo }
+		};
+	}
+
 	/**
 	 * @param {NormalModule} module module for which the bailout reason should be determined
 	 * @param {ConcatenationBailoutReasonContext} context context
@@ -246,7 +415,7 @@ class AssetGenerator extends Generator {
 			(this.dataUrlOptions).mimetype;
 		if (mimeType === undefined) {
 			const ext = path.extname(
-				/** @type {string} */
+				/** @type {NameForCondition} */
 				(module.nameForCondition())
 			);
 			if (
@@ -257,7 +426,7 @@ class AssetGenerator extends Generator {
 					module.resourceResolveData.mimetype +
 					module.resourceResolveData.parameters;
 			} else if (ext) {
-				mimeType = mimeTypes.lookup(ext);
+				mimeType = getMimeTypes().lookup(ext);
 
 				if (typeof mimeType !== "string") {
 					throw new Error(
@@ -292,11 +461,10 @@ class AssetGenerator extends Generator {
 
 		if (typeof this.dataUrlOptions === "function") {
 			encodedSource = this.dataUrlOptions.call(null, source.source(), {
-				filename: module.matchResource || module.resource,
+				filename: /** @type {string} */ (module.getResource()),
 				module
 			});
 		} else {
-			/** @type {"base64" | false | undefined} */
 			let encoding =
 				/** @type {AssetGeneratorDataUrlOptions} */
 				(this.dataUrlOptions).encoding;
@@ -319,12 +487,15 @@ class AssetGenerator extends Generator {
 				module.resourceResolveData.encoding === encoding &&
 				decodeDataUriContent(
 					module.resourceResolveData.encoding,
-					module.resourceResolveData.encodedContent
+					/** @type {string} */ (module.resourceResolveData.encodedContent)
 				).equals(source.buffer())
 			) {
 				encodedContent = module.resourceResolveData.encodedContent;
 			} else {
-				encodedContent = encodeDataUri(encoding, source);
+				encodedContent = encodeDataUri(
+					/** @type {"base64" | false} */ (encoding),
+					source
+				);
 			}
 
 			encodedSource = `data:${mimeType}${
@@ -335,127 +506,6 @@ class AssetGenerator extends Generator {
 		return encodedSource;
 	}
 
-	/**
-	 * @private
-	 * @param {NormalModule} module module for which the code should be generated
-	 * @param {GenerateContext} generateContext context for generate
-	 * @param {string} contentHash the content hash
-	 * @returns {{ filename: string, originalFilename: string, assetInfo: AssetInfo }} info
-	 */
-	_getFilenameWithInfo(
-		module,
-		{ runtime, runtimeTemplate, chunkGraph },
-		contentHash
-	) {
-		const assetModuleFilename =
-			this.filename ||
-			/** @type {AssetModuleFilename} */
-			(runtimeTemplate.outputOptions.assetModuleFilename);
-
-		const sourceFilename = this.getSourceFileName(module, runtimeTemplate);
-		let { path: filename, info: assetInfo } =
-			runtimeTemplate.compilation.getAssetPathWithInfo(assetModuleFilename, {
-				module,
-				runtime,
-				filename: sourceFilename,
-				chunkGraph,
-				contentHash
-			});
-
-		const originalFilename = filename;
-
-		if (this.outputPath) {
-			const { path: outputPath, info } =
-				runtimeTemplate.compilation.getAssetPathWithInfo(this.outputPath, {
-					module,
-					runtime,
-					filename: sourceFilename,
-					chunkGraph,
-					contentHash
-				});
-			filename = path.posix.join(outputPath, filename);
-			assetInfo = mergeAssetInfo(assetInfo, info);
-		}
-
-		return { originalFilename, filename, assetInfo };
-	}
-
-	/**
-	 * @private
-	 * @param {NormalModule} module module for which the code should be generated
-	 * @param {GenerateContext} generateContext context for generate
-	 * @param {string} filename the filename
-	 * @param {AssetInfo} assetInfo the asset info
-	 * @param {string} contentHash the content hash
-	 * @returns {{ assetPath: string, assetInfo: AssetInfo }} asset path and info
-	 */
-	_getAssetPathWithInfo(
-		module,
-		{ runtimeTemplate, runtime, chunkGraph, type, runtimeRequirements },
-		filename,
-		assetInfo,
-		contentHash
-	) {
-		const sourceFilename = this.getSourceFileName(module, runtimeTemplate);
-
-		let assetPath;
-
-		if (this.publicPath !== undefined && type === "javascript") {
-			const { path, info } = runtimeTemplate.compilation.getAssetPathWithInfo(
-				this.publicPath,
-				{
-					module,
-					runtime,
-					filename: sourceFilename,
-					chunkGraph,
-					contentHash
-				}
-			);
-			assetInfo = mergeAssetInfo(assetInfo, info);
-			assetPath = JSON.stringify(path + filename);
-		} else if (this.publicPath !== undefined && type === "css-url") {
-			const { path, info } = runtimeTemplate.compilation.getAssetPathWithInfo(
-				this.publicPath,
-				{
-					module,
-					runtime,
-					filename: sourceFilename,
-					chunkGraph,
-					contentHash
-				}
-			);
-			assetInfo = mergeAssetInfo(assetInfo, info);
-			assetPath = path + filename;
-		} else if (type === "javascript") {
-			// add __webpack_require__.p
-			runtimeRequirements.add(RuntimeGlobals.publicPath);
-			assetPath = runtimeTemplate.concatenation(
-				{ expr: RuntimeGlobals.publicPath },
-				filename
-			);
-		} else if (type === "css-url") {
-			const compilation = runtimeTemplate.compilation;
-			const path =
-				compilation.outputOptions.publicPath === "auto"
-					? CssUrlDependency.PUBLIC_PATH_AUTO
-					: compilation.getAssetPath(
-							/** @type {TemplatePath} */
-							(compilation.outputOptions.publicPath),
-							{
-								hash: compilation.hash
-							}
-						);
-
-			assetPath = path + filename;
-		}
-
-		return {
-			// eslint-disable-next-line object-shorthand
-			assetPath: /** @type {string} */ (assetPath),
-			assetInfo: { sourceFilename, ...assetInfo }
-		};
-	}
-
 	/**
 	 * @param {NormalModule} module module for which the code should be generated
 	 * @param {GenerateContext} generateContext context for generate
@@ -472,7 +522,7 @@ class AssetGenerator extends Generator {
 
 		let content;
 
-		const needContent = type === "javascript" || type === "css-url";
+		const needContent = type === JAVASCRIPT_TYPE || type === CSS_URL_TYPE;
 
 		const data = getData ? getData() : undefined;
 
@@ -483,66 +533,59 @@ class AssetGenerator extends Generator {
 		) {
 			const encodedSource = this.generateDataUri(module);
 			content =
-				type === "javascript" ? JSON.stringify(encodedSource) : encodedSource;
+				type === JAVASCRIPT_TYPE
+					? JSON.stringify(encodedSource)
+					: encodedSource;
 
 			if (data) {
 				data.set("url", { [type]: content, ...data.get("url") });
 			}
 		} else {
-			const hash = createHash(
-				/** @type {Algorithm} */
-				(runtimeTemplate.outputOptions.hashFunction)
+			const [fullContentHash, contentHash] = AssetGenerator.getFullContentHash(
+				module,
+				runtimeTemplate
 			);
 
-			if (runtimeTemplate.outputOptions.hashSalt) {
-				hash.update(runtimeTemplate.outputOptions.hashSalt);
-			}
-
-			hash.update(/** @type {Source} */ (module.originalSource()).buffer());
-
-			const fullHash =
-				/** @type {string} */
-				(hash.digest(runtimeTemplate.outputOptions.hashDigest));
-
 			if (data) {
-				data.set("fullContentHash", fullHash);
+				data.set("fullContentHash", fullContentHash);
+				data.set("contentHash", contentHash);
 			}
 
 			/** @type {BuildInfo} */
-			(module.buildInfo).fullContentHash = fullHash;
-
-			/** @type {string} */
-			const contentHash = nonNumericOnlyHash(
-				fullHash,
-				/** @type {number} */
-				(generateContext.runtimeTemplate.outputOptions.hashDigestLength)
-			);
-
-			if (data) {
-				data.set("contentHash", contentHash);
-			}
+			(module.buildInfo).fullContentHash = fullContentHash;
 
 			const { originalFilename, filename, assetInfo } =
-				this._getFilenameWithInfo(module, generateContext, contentHash);
+				AssetGenerator.getFilenameWithInfo(
+					module,
+					{ filename: this.filename, outputPath: this.outputPath },
+					generateContext,
+					contentHash
+				);
 
 			if (data) {
 				data.set("filename", filename);
 			}
 
-			let { assetPath, assetInfo: newAssetInfo } = this._getAssetPathWithInfo(
-				module,
-				generateContext,
-				originalFilename,
-				assetInfo,
-				contentHash
-			);
+			let { assetPath, assetInfo: newAssetInfo } =
+				AssetGenerator.getAssetPathWithInfo(
+					module,
+					{ publicPath: this.publicPath },
+					generateContext,
+					originalFilename,
+					assetInfo,
+					contentHash
+				);
 
-			if (data && (type === "javascript" || type === "css-url")) {
+			if (data && (type === JAVASCRIPT_TYPE || type === CSS_URL_TYPE)) {
 				data.set("url", { [type]: assetPath, ...data.get("url") });
 			}
 
-			if (data && data.get("assetInfo")) {
-				newAssetInfo = mergeAssetInfo(data.get("assetInfo"), newAssetInfo);
+			if (data) {
+				const oldAssetInfo = data.get("assetInfo");
+
+				if (oldAssetInfo) {
+					newAssetInfo = mergeAssetInfo(oldAssetInfo, newAssetInfo);
+				}
 			}
 
 			if (data) {
@@ -561,14 +604,14 @@ class AssetGenerator extends Generator {
 			content = assetPath;
 		}
 
-		if (type === "javascript") {
+		if (type === JAVASCRIPT_TYPE) {
 			if (concatenationScope) {
 				concatenationScope.registerNamespaceExport(
 					ConcatenationScope.NAMESPACE_OBJECT_EXPORT
 				);
 
 				return new RawSource(
-					`${runtimeTemplate.supportsConst() ? "const" : "var"} ${
+					`${runtimeTemplate.renderConst()} ${
 						ConcatenationScope.NAMESPACE_OBJECT_EXPORT
 					} = ${content};`
 				);
@@ -576,19 +619,41 @@ class AssetGenerator extends Generator {
 
 			runtimeRequirements.add(RuntimeGlobals.module);
 
-			return new RawSource(`${RuntimeGlobals.module}.exports = ${content};`);
-		} else if (type === "css-url") {
+			return new RawSource(`${module.moduleArgument}.exports = ${content};`);
+		} else if (type === CSS_URL_TYPE) {
 			return null;
 		}
 
 		return /** @type {Source} */ (module.originalSource());
 	}
 
+	/**
+	 * @param {Error} error the error
+	 * @param {NormalModule} module module for which the code should be generated
+	 * @param {GenerateContext} generateContext context for generate
+	 * @returns {Source | null} generated code
+	 */
+	generateError(error, module, generateContext) {
+		switch (generateContext.type) {
+			case "asset": {
+				return new RawSource(error.message);
+			}
+			case JAVASCRIPT_TYPE: {
+				return new RawSource(
+					`throw new Error(${JSON.stringify(error.message)});`
+				);
+			}
+			default:
+				return null;
+		}
+	}
+
 	/**
 	 * @param {NormalModule} module fresh module
 	 * @returns {SourceTypes} available types (do not mutate)
 	 */
 	getTypes(module) {
+		/** @type {Set<string>} */
 		const sourceTypes = new Set();
 		const connections = this._moduleGraph.getIncomingConnections(module);
 
@@ -601,27 +666,25 @@ class AssetGenerator extends Generator {
 		}
 
 		if ((module.buildInfo && module.buildInfo.dataUrl) || this.emit === false) {
-			if (sourceTypes) {
-				if (sourceTypes.has("javascript") && sourceTypes.has("css")) {
-					return JS_AND_CSS_URL_TYPES;
-				} else if (sourceTypes.has("javascript")) {
-					return JS_TYPES;
-				} else if (sourceTypes.has("css")) {
+			if (sourceTypes.size > 0) {
+				if (sourceTypes.has(JAVASCRIPT_TYPE) && sourceTypes.has(CSS_TYPE)) {
+					return JAVASCRIPT_AND_CSS_URL_TYPES;
+				} else if (sourceTypes.has(CSS_TYPE)) {
 					return CSS_URL_TYPES;
 				}
+				return JAVASCRIPT_TYPES;
 			}
 
 			return NO_TYPES;
 		}
 
-		if (sourceTypes) {
-			if (sourceTypes.has("javascript") && sourceTypes.has("css")) {
-				return ASSET_AND_JS_AND_CSS_URL_TYPES;
-			} else if (sourceTypes.has("javascript")) {
-				return ASSET_AND_JS_TYPES;
-			} else if (sourceTypes.has("css")) {
+		if (sourceTypes.size > 0) {
+			if (sourceTypes.has(JAVASCRIPT_TYPE) && sourceTypes.has(CSS_TYPE)) {
+				return ASSET_AND_JAVASCRIPT_AND_CSS_URL_TYPES;
+			} else if (sourceTypes.has(CSS_TYPE)) {
 				return ASSET_AND_CSS_URL_TYPES;
 			}
+			return ASSET_AND_JAVASCRIPT_TYPES;
 		}
 
 		return ASSET_TYPES;
@@ -629,7 +692,7 @@ class AssetGenerator extends Generator {
 
 	/**
 	 * @param {NormalModule} module the module
-	 * @param {string=} type source type
+	 * @param {SourceType=} type source type
 	 * @returns {number} estimate size of the module
 	 */
 	getSize(module, type) {
@@ -669,6 +732,7 @@ class AssetGenerator extends Generator {
 	 */
 	updateHash(hash, updateHashContext) {
 		const { module } = updateHashContext;
+
 		if (
 			/** @type {BuildInfo} */
 			(module.buildInfo).dataUrl
@@ -704,7 +768,7 @@ class AssetGenerator extends Generator {
 			const pathData = {
 				module,
 				runtime,
-				filename: this.getSourceFileName(module, runtimeTemplate),
+				filename: AssetGenerator.getSourceFileName(module, runtimeTemplate),
 				chunkGraph,
 				contentHash: runtimeTemplate.contentHashReplacement
 			};
@@ -722,9 +786,7 @@ class AssetGenerator extends Generator {
 			}
 
 			const assetModuleFilename =
-				this.filename ||
-				/** @type {AssetModuleFilename} */
-				(runtimeTemplate.outputOptions.assetModuleFilename);
+				this.filename || runtimeTemplate.outputOptions.assetModuleFilename;
 			const { path: filename, info } =
 				runtimeTemplate.compilation.getAssetPathWithInfo(
 					assetModuleFilename,