webpack 5.76.1 → 5.88.0

package/lib/dependencies/HarmonyImportSpecifierDependency.js

@@ -19,10 +19,16 @@ const HarmonyImportDependency = require("./HarmonyImportDependency");
 /** @typedef {import("../Dependency").ReferencedExport} ReferencedExport */
 /** @typedef {import("../Dependency").UpdateHashContext} UpdateHashContext */
 /** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
+/** @typedef {import("../Module")} Module */
+/** @typedef {import("../Module").BuildMeta} BuildMeta */
 /** @typedef {import("../ModuleGraph")} ModuleGraph */
 /** @typedef {import("../ModuleGraphConnection")} ModuleGraphConnection */
 /** @typedef {import("../ModuleGraphConnection").ConnectionState} ConnectionState */
 /** @typedef {import("../WebpackError")} WebpackError */
+/** @typedef {import("../javascript/JavascriptParser").Assertions} Assertions */
+/** @typedef {import("../javascript/JavascriptParser").Range} Range */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
 /** @typedef {import("../util/Hash")} Hash */
 /** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
 
@@ -31,6 +37,16 @@ const idsSymbol = Symbol("HarmonyImportSpecifierDependency.ids");
 const { ExportPresenceModes } = HarmonyImportDependency;
 
 class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
+	/**
+	 * @param {TODO} request request
+	 * @param {number} sourceOrder source order
+	 * @param {string[]} ids ids
+	 * @param {string} name name
+	 * @param {Range} range range
+	 * @param {TODO} exportPresenceMode export presence mode
+	 * @param {Assertions=} assertions assertions
+	 * @param {Range[]=} idRanges ranges for members of ids; the two arrays are right-aligned
+	 */
 	constructor(
 		request,
 		sourceOrder,
@@ -38,20 +54,25 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 		name,
 		range,
 		exportPresenceMode,
-		assertions
+		assertions,
+		idRanges // TODO webpack 6 make this non-optional. It must always be set to properly trim ids.
 	) {
 		super(request, sourceOrder, assertions);
 		this.ids = ids;
 		this.name = name;
 		this.range = range;
+		this.idRanges = idRanges;
 		this.exportPresenceMode = exportPresenceMode;
+		/** @type {boolean | undefined} */
 		this.namespaceObjectAsContext = false;
 		this.call = undefined;
 		this.directImport = undefined;
 		this.shorthand = undefined;
 		this.asiSafe = undefined;
-		/** @type {Set<string> | boolean} */
+		/** @type {Set<string> | boolean | undefined} */
 		this.usedByExports = undefined;
+		/** @type {Set<string> | undefined} */
+		this.referencedPropertiesInDestructuring = undefined;
 	}
 
 	// TODO webpack 6 remove
@@ -121,20 +142,24 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 	 */
 	getReferencedExports(moduleGraph, runtime) {
 		let ids = this.getIds(moduleGraph);
-		if (ids.length === 0) return Dependency.EXPORTS_OBJECT_REFERENCED;
+		if (ids.length === 0) return this._getReferencedExportsInDestructuring();
 		let namespaceObjectAsContext = this.namespaceObjectAsContext;
 		if (ids[0] === "default") {
 			const selfModule = moduleGraph.getParentModule(this);
-			const importedModule = moduleGraph.getModule(this);
+			const importedModule =
+				/** @type {Module} */
+				(moduleGraph.getModule(this));
 			switch (
 				importedModule.getExportsType(
 					moduleGraph,
-					selfModule.buildMeta.strictHarmonyModule
+					/** @type {BuildMeta} */
+					(selfModule.buildMeta).strictHarmonyModule
 				)
 			) {
 				case "default-only":
 				case "default-with-named":
-					if (ids.length === 1) return Dependency.EXPORTS_OBJECT_REFERENCED;
+					if (ids.length === 1)
+						return this._getReferencedExportsInDestructuring();
 					ids = ids.slice(1);
 					namespaceObjectAsContext = true;
 					break;
@@ -152,7 +177,27 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 			ids = ids.slice(0, -1);
 		}
 
-		return [ids];
+		return this._getReferencedExportsInDestructuring(ids);
+	}
+
+	/**
+	 * @param {string[]=} ids ids
+	 * @returns {(string[] | ReferencedExport)[]} referenced exports
+	 */
+	_getReferencedExportsInDestructuring(ids) {
+		if (this.referencedPropertiesInDestructuring) {
+			/** @type {ReferencedExport[]} */
+			const refs = [];
+			for (const key of this.referencedPropertiesInDestructuring) {
+				refs.push({
+					name: ids ? ids.concat([key]) : [key],
+					canMangle: false
+				});
+			}
+			return refs;
+		} else {
+			return ids ? [ids] : Dependency.EXPORTS_OBJECT_REFERENCED;
+		}
 	}
 
 	/**
@@ -162,7 +207,10 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 	_getEffectiveExportPresenceLevel(moduleGraph) {
 		if (this.exportPresenceMode !== ExportPresenceModes.AUTO)
 			return this.exportPresenceMode;
-		return moduleGraph.getParentModule(this).buildMeta.strictHarmonyModule
+		const buildMeta = /** @type {BuildMeta} */ (
+			moduleGraph.getParentModule(this).buildMeta
+		);
+		return buildMeta.strictHarmonyModule
 			? ExportPresenceModes.ERROR
 			: ExportPresenceModes.WARN;
 	}
@@ -170,7 +218,7 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 	/**
 	 * Returns warnings
 	 * @param {ModuleGraph} moduleGraph module graph
-	 * @returns {WebpackError[]} warnings
+	 * @returns {WebpackError[] | null | undefined} warnings
 	 */
 	getWarnings(moduleGraph) {
 		const exportsPresence = this._getEffectiveExportPresenceLevel(moduleGraph);
@@ -183,7 +231,7 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 	/**
 	 * Returns errors
 	 * @param {ModuleGraph} moduleGraph module graph
-	 * @returns {WebpackError[]} errors
+	 * @returns {WebpackError[] | null | undefined} errors
 	 */
 	getErrors(moduleGraph) {
 		const exportsPresence = this._getEffectiveExportPresenceLevel(moduleGraph);
@@ -214,11 +262,15 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 		return 0;
 	}
 
+	/**
+	 * @param {ObjectSerializerContext} context context
+	 */
 	serialize(context) {
 		const { write } = context;
 		write(this.ids);
 		write(this.name);
 		write(this.range);
+		write(this.idRanges);
 		write(this.exportPresenceMode);
 		write(this.namespaceObjectAsContext);
 		write(this.call);
@@ -226,14 +278,19 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 		write(this.shorthand);
 		write(this.asiSafe);
 		write(this.usedByExports);
+		write(this.referencedPropertiesInDestructuring);
 		super.serialize(context);
 	}
 
+	/**
+	 * @param {ObjectDeserializerContext} context context
+	 */
 	deserialize(context) {
 		const { read } = context;
 		this.ids = read();
 		this.name = read();
 		this.range = read();
+		this.idRanges = read();
 		this.exportPresenceMode = read();
 		this.namespaceObjectAsContext = read();
 		this.call = read();
@@ -241,6 +298,7 @@ class HarmonyImportSpecifierDependency extends HarmonyImportDependency {
 		this.shorthand = read();
 		this.asiSafe = read();
 		this.usedByExports = read();
+		this.referencedPropertiesInDestructuring = read();
 		super.deserialize(context);
 	}
 }
@@ -266,14 +324,79 @@ HarmonyImportSpecifierDependency.Template = class HarmonyImportSpecifierDependen
 		// Skip rendering depending when dependency is conditional
 		if (connection && !connection.isTargetActive(runtime)) return;
 
-		const ids = dep.getIds(moduleGraph);
-		const exportExpr = this._getCodeForIds(dep, source, templateContext, ids);
-		const range = dep.range;
+		const ids = dep.getIds(moduleGraph); // determine minimal set of IDs.
+		let trimmedIds = this._trimIdsToThoseImported(ids, moduleGraph, dep);
+
+		let [rangeStart, rangeEnd] = dep.range;
+		if (trimmedIds.length !== ids.length) {
+			// The array returned from dep.idRanges is right-aligned with the array returned from dep.getIds.
+			// Meaning, the two arrays may not always have the same number of elements, but the last element of
+			// dep.idRanges corresponds to [the expression fragment to the left of] the last element of dep.getIds.
+			// Use this to find the correct replacement range based on the number of ids that were trimmed.
+			const idx =
+				dep.idRanges === undefined
+					? -1 /* trigger failure case below */
+					: dep.idRanges.length + (trimmedIds.length - ids.length);
+			if (idx < 0 || idx >= dep.idRanges.length) {
+				// cspell:ignore minifiers
+				// Should not happen but we can't throw an error here because of backward compatibility with
+				// external plugins in wp5.  Instead, we just disable trimming for now.  This may break some minifiers.
+				trimmedIds = ids;
+				// TODO webpack 6 remove the "trimmedIds = ids" above and uncomment the following line instead.
+				// throw new Error("Missing range starts data for id replacement trimming.");
+			} else {
+				[rangeStart, rangeEnd] = dep.idRanges[idx];
+			}
+		}
+
+		const exportExpr = this._getCodeForIds(
+			dep,
+			source,
+			templateContext,
+			trimmedIds
+		);
 		if (dep.shorthand) {
-			source.insert(range[1], `: ${exportExpr}`);
+			source.insert(rangeEnd, `: ${exportExpr}`);
 		} else {
-			source.replace(range[0], range[1] - 1, exportExpr);
+			source.replace(rangeStart, rangeEnd - 1, exportExpr);
+		}
+	}
+
+	/**
+	 * @summary Determine which IDs in the id chain are actually referring to namespaces or imports,
+	 * and which are deeper member accessors on the imported object.  Only the former should be re-rendered.
+	 * @param {string[]} ids ids
+	 * @param {ModuleGraph} moduleGraph moduleGraph
+	 * @param {HarmonyImportSpecifierDependency} dependency dependency
+	 * @returns {string[]} generated code
+	 */
+	_trimIdsToThoseImported(ids, moduleGraph, dependency) {
+		/** @type {string[]} */
+		let trimmedIds = [];
+		const exportsInfo = moduleGraph.getExportsInfo(
+			/** @type {Module} */ (moduleGraph.getModule(dependency))
+		);
+		let currentExportsInfo = /** @type {ExportsInfo=} */ exportsInfo;
+		for (let i = 0; i < ids.length; i++) {
+			if (i === 0 && ids[i] === "default") {
+				continue; // ExportInfo for the next level under default is still at the root ExportsInfo, so don't advance currentExportsInfo
+			}
+			const exportInfo = currentExportsInfo.getExportInfo(ids[i]);
+			if (exportInfo.provided === false) {
+				// json imports have nested ExportInfo for elements that things that are not actually exported, so check .provided
+				trimmedIds = ids.slice(0, i);
+				break;
+			}
+			const nestedInfo = exportInfo.getNestedExportsInfo();
+			if (!nestedInfo) {
+				// once all nested exports are traversed, the next item is the actual import so stop there
+				trimmedIds = ids.slice(0, i + 1);
+				break;
+			}
+			currentExportsInfo = nestedInfo;
 		}
+		// Never trim to nothing.  This can happen for invalid imports (e.g. import { notThere } from "./module", or import { anything } from "./missingModule")
+		return trimmedIds.length ? trimmedIds : ids;
 	}
 
 	/**
@@ -324,7 +447,7 @@ HarmonyImportSpecifierDependency.Template = class HarmonyImportSpecifierDependen
 
 			exportExpr = runtimeTemplate.exportFromImport({
 				moduleGraph,
-				module: moduleGraph.getModule(dep),
+				module: /** @type {Module} */ (moduleGraph.getModule(dep)),
 				request: dep.request,
 				exportName: ids,
 				originModule: module,

package/lib/dependencies/HarmonyModulesPlugin.js

@@ -16,14 +16,27 @@ const HarmonyExportSpecifierDependency = require("./HarmonyExportSpecifierDepend
 const HarmonyImportSideEffectDependency = require("./HarmonyImportSideEffectDependency");
 const HarmonyImportSpecifierDependency = require("./HarmonyImportSpecifierDependency");
 
+const {
+	JAVASCRIPT_MODULE_TYPE_AUTO,
+	JAVASCRIPT_MODULE_TYPE_ESM
+} = require("../ModuleTypeConstants");
 const HarmonyDetectionParserPlugin = require("./HarmonyDetectionParserPlugin");
 const HarmonyExportDependencyParserPlugin = require("./HarmonyExportDependencyParserPlugin");
 const HarmonyImportDependencyParserPlugin = require("./HarmonyImportDependencyParserPlugin");
 const HarmonyTopLevelThisParserPlugin = require("./HarmonyTopLevelThisParserPlugin");
 
+/** @typedef {import("../../declarations/WebpackOptions").JavascriptParserOptions} JavascriptParserOptions */
 /** @typedef {import("../Compiler")} Compiler */
+/** @typedef {import("../javascript/JavascriptParser")} Parser */
+
+const PLUGIN_NAME = "HarmonyModulesPlugin";
+
+/** @typedef {{ topLevelAwait?: boolean }} HarmonyModulesPluginOptions */
 
 class HarmonyModulesPlugin {
+	/**
+	 * @param {HarmonyModulesPluginOptions} options options
+	 */
 	constructor(options) {
 		this.options = options;
 	}
@@ -35,7 +48,7 @@ class HarmonyModulesPlugin {
 	 */
 	apply(compiler) {
 		compiler.hooks.compilation.tap(
-			"HarmonyModulesPlugin",
+			PLUGIN_NAME,
 			(compilation, { normalModuleFactory }) => {
 				compilation.dependencyTemplates.set(
 					HarmonyCompatibilityDependency,
@@ -107,6 +120,11 @@ class HarmonyModulesPlugin {
 					new HarmonyAcceptImportDependency.Template()
 				);
 
+				/**
+				 * @param {Parser} parser parser parser
+				 * @param {JavascriptParserOptions} parserOptions parserOptions
+				 * @returns {void}
+				 */
 				const handler = (parser, parserOptions) => {
 					// TODO webpack 6: rename harmony to esm or module
 					if (parserOptions.harmony !== undefined && !parserOptions.harmony)
@@ -119,11 +137,11 @@ class HarmonyModulesPlugin {
 				};
 
 				normalModuleFactory.hooks.parser
-					.for("javascript/auto")
-					.tap("HarmonyModulesPlugin", handler);
+					.for(JAVASCRIPT_MODULE_TYPE_AUTO)
+					.tap(PLUGIN_NAME, handler);
 				normalModuleFactory.hooks.parser
-					.for("javascript/esm")
-					.tap("HarmonyModulesPlugin", handler);
+					.for(JAVASCRIPT_MODULE_TYPE_ESM)
+					.tap(PLUGIN_NAME, handler);
 			}
 		);
 	}

package/lib/dependencies/HarmonyTopLevelThisParserPlugin.js

@@ -8,17 +8,29 @@
 const ConstDependency = require("./ConstDependency");
 const HarmonyExports = require("./HarmonyExports");
 
+/** @typedef {import("../Dependency").DependencyLocation} DependencyLocation */
+/** @typedef {import("../javascript/JavascriptParser")} JavascriptParser */
+/** @typedef {import("../javascript/JavascriptParser").Range} Range */
+
 class HarmonyTopLevelThisParserPlugin {
+	/**
+	 * @param {JavascriptParser} parser the parser
+	 * @returns {void}
+	 */
 	apply(parser) {
 		parser.hooks.expression
 			.for("this")
 			.tap("HarmonyTopLevelThisParserPlugin", node => {
 				if (!parser.scope.topLevelScope) return;
 				if (HarmonyExports.isEnabled(parser.state)) {
-					const dep = new ConstDependency("undefined", node.range, null);
-					dep.loc = node.loc;
+					const dep = new ConstDependency(
+						"undefined",
+						/** @type {Range} */ (node.range),
+						null
+					);
+					dep.loc = /** @type {DependencyLocation} */ (node.loc);
 					parser.state.module.addPresentationalDependency(dep);
-					return this;
+					return true;
 				}
 			});
 	}

package/lib/dependencies/ImportContextDependency.js

@@ -9,7 +9,16 @@ const makeSerializable = require("../util/makeSerializable");
 const ContextDependency = require("./ContextDependency");
 const ContextDependencyTemplateAsRequireCall = require("./ContextDependencyTemplateAsRequireCall");
 
+/** @typedef {import("../javascript/JavascriptParser").Range} Range */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
+
 class ImportContextDependency extends ContextDependency {
+	/**
+	 * @param {TODO} options options
+	 * @param {Range} range range
+	 * @param {Range} valueRange value range
+	 */
 	constructor(options, range, valueRange) {
 		super(options);
 
@@ -25,6 +34,9 @@ class ImportContextDependency extends ContextDependency {
 		return "esm";
 	}
 
+	/**
+	 * @param {ObjectSerializerContext} context context
+	 */
 	serialize(context) {
 		const { write } = context;
 
@@ -33,6 +45,9 @@ class ImportContextDependency extends ContextDependency {
 		super.serialize(context);
 	}
 
+	/**
+	 * @param {ObjectDeserializerContext} context context
+	 */
 	deserialize(context) {
 		const { read } = context;
 

package/lib/dependencies/ImportDependency.js

@@ -13,14 +13,19 @@ const ModuleDependency = require("./ModuleDependency");
 /** @typedef {import("../AsyncDependenciesBlock")} AsyncDependenciesBlock */
 /** @typedef {import("../Dependency").ReferencedExport} ReferencedExport */
 /** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
+/** @typedef {import("../Module")} Module */
+/** @typedef {import("../Module").BuildMeta} BuildMeta */
 /** @typedef {import("../ModuleGraph")} ModuleGraph */
+/** @typedef {import("../javascript/JavascriptParser").Range} Range */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
 /** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
 
 class ImportDependency extends ModuleDependency {
 	/**
 	 * @param {string} request the request
-	 * @param {[number, number]} range expression range
-	 * @param {string[][]=} referencedExports list of referenced exports
+	 * @param {Range} range expression range
+	 * @param {(string[][] | null)=} referencedExports list of referenced exports
 	 */
 	constructor(request, range, referencedExports) {
 		super(request);
@@ -51,12 +56,18 @@ class ImportDependency extends ModuleDependency {
 			: Dependency.EXPORTS_OBJECT_REFERENCED;
 	}
 
+	/**
+	 * @param {ObjectSerializerContext} context context
+	 */
 	serialize(context) {
 		context.write(this.range);
 		context.write(this.referencedExports);
 		super.serialize(context);
 	}
 
+	/**
+	 * @param {ObjectDeserializerContext} context context
+	 */
 	deserialize(context) {
 		this.range = context.read();
 		this.referencedExports = context.read();
@@ -87,9 +98,9 @@ ImportDependency.Template = class ImportDependencyTemplate extends (
 		const content = runtimeTemplate.moduleNamespacePromise({
 			chunkGraph,
 			block: block,
-			module: moduleGraph.getModule(dep),
+			module: /** @type {Module} */ (moduleGraph.getModule(dep)),
 			request: dep.request,
-			strict: module.buildMeta.strictHarmonyModule,
+			strict: /** @type {BuildMeta} */ (module.buildMeta).strictHarmonyModule,
 			message: "import()",
 			runtimeRequirements
 		});

package/lib/dependencies/ImportEagerDependency.js

@@ -12,13 +12,16 @@ const ImportDependency = require("./ImportDependency");
 /** @typedef {import("../Dependency")} Dependency */
 /** @typedef {import("../Dependency").ReferencedExport} ReferencedExport */
 /** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
+/** @typedef {import("../Module")} Module */
+/** @typedef {import("../Module").BuildMeta} BuildMeta */
 /** @typedef {import("../ModuleGraph")} ModuleGraph */
+/** @typedef {import("../javascript/JavascriptParser").Range} Range */
 
 class ImportEagerDependency extends ImportDependency {
 	/**
 	 * @param {string} request the request
-	 * @param {[number, number]} range expression range
-	 * @param {string[][]=} referencedExports list of referenced exports
+	 * @param {Range} range expression range
+	 * @param {(string[][] | null)=} referencedExports list of referenced exports
 	 */
 	constructor(request, range, referencedExports) {
 		super(request, range, referencedExports);
@@ -55,9 +58,9 @@ ImportEagerDependency.Template = class ImportEagerDependencyTemplate extends (
 		const dep = /** @type {ImportEagerDependency} */ (dependency);
 		const content = runtimeTemplate.moduleNamespacePromise({
 			chunkGraph,
-			module: moduleGraph.getModule(dep),
+			module: /** @type {Module} */ (moduleGraph.getModule(dep)),
 			request: dep.request,
-			strict: module.buildMeta.strictHarmonyModule,
+			strict: /** @type {BuildMeta} */ (module.buildMeta).strictHarmonyModule,
 			message: "import() eager",
 			runtimeRequirements
 		});

package/lib/dependencies/ImportMetaContextDependencyParserPlugin.js

@@ -11,13 +11,20 @@ const {
 } = require("../javascript/JavascriptParserHelpers");
 const ImportMetaContextDependency = require("./ImportMetaContextDependency");
 
-/** @typedef {import("estree").Expression} ExpressionNode */
-/** @typedef {import("estree").ObjectExpression} ObjectExpressionNode */
+/** @typedef {import("estree").Expression} Expression */
+/** @typedef {import("estree").ObjectExpression} ObjectExpression */
+/** @typedef {import("estree").Property} Property */
+/** @typedef {import("estree").SourceLocation} SourceLocation */
 /** @typedef {import("../javascript/JavascriptParser")} JavascriptParser */
 /** @typedef {import("../ContextModule").ContextModuleOptions} ContextModuleOptions */
 /** @typedef {import("../ChunkGroup").RawChunkGroupOptions} RawChunkGroupOptions */
 /** @typedef {Pick<ContextModuleOptions, 'mode'|'recursive'|'regExp'|'include'|'exclude'|'chunkName'>&{groupOptions: RawChunkGroupOptions, exports?: ContextModuleOptions["referencedExports"]}} ImportMetaContextOptions */
 
+/**
+ * @param {TODO} prop property
+ * @param {string} expect except message
+ * @returns {WebpackError} error
+ */
 function createPropertyParseError(prop, expect) {
 	return createError(
 		`Parsing import.meta.webpackContext options failed. Unknown value for property ${JSON.stringify(
@@ -27,6 +34,11 @@ function createPropertyParseError(prop, expect) {
 	);
 }
 
+/**
+ * @param {string} msg message
+ * @param {SourceLocation} loc location
+ * @returns {WebpackError} error
+ */
 function createError(msg, loc) {
 	const error = new WebpackError(msg);
 	error.name = "ImportMetaContextError";
@@ -35,6 +47,10 @@ function createError(msg, loc) {
 }
 
 module.exports = class ImportMetaContextDependencyParserPlugin {
+	/**
+	 * @param {JavascriptParser} parser the parser
+	 * @returns {void}
+	 */
 	apply(parser) {
 		parser.hooks.evaluateIdentifier
 			.for("import.meta.webpackContext")
@@ -52,7 +68,9 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 				if (expr.arguments.length < 1 || expr.arguments.length > 2) return;
 				const [directoryNode, optionsNode] = expr.arguments;
 				if (optionsNode && optionsNode.type !== "ObjectExpression") return;
-				const requestExpr = parser.evaluateExpression(directoryNode);
+				const requestExpr = parser.evaluateExpression(
+					/** @type {Expression} */ (directoryNode)
+				);
 				if (!requestExpr.isString()) return;
 				const request = requestExpr.string;
 				const errors = [];
@@ -71,7 +89,8 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 				/** @type {ContextModuleOptions["referencedExports"]} */
 				let exports;
 				if (optionsNode) {
-					for (const prop of optionsNode.properties) {
+					for (const prop of /** @type {ObjectExpression} */ (optionsNode)
+						.properties) {
 						if (prop.type !== "Property" || prop.key.type !== "Identifier") {
 							errors.push(
 								createError(
@@ -84,7 +103,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 						switch (prop.key.name) {
 							case "regExp": {
 								const regExpExpr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (!regExpExpr.isRegExp()) {
 									errors.push(createPropertyParseError(prop, "RegExp"));
@@ -95,7 +114,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 							}
 							case "include": {
 								const regExpExpr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (!regExpExpr.isRegExp()) {
 									errors.push(createPropertyParseError(prop, "RegExp"));
@@ -106,7 +125,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 							}
 							case "exclude": {
 								const regExpExpr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (!regExpExpr.isRegExp()) {
 									errors.push(createPropertyParseError(prop, "RegExp"));
@@ -117,7 +136,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 							}
 							case "mode": {
 								const modeExpr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (!modeExpr.isString()) {
 									errors.push(createPropertyParseError(prop, "string"));
@@ -130,7 +149,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 							}
 							case "chunkName": {
 								const expr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (!expr.isString()) {
 									errors.push(createPropertyParseError(prop, "string"));
@@ -141,7 +160,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 							}
 							case "exports": {
 								const expr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (expr.isString()) {
 									exports = [[expr.string]];
@@ -176,7 +195,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 							}
 							case "prefetch": {
 								const expr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (expr.isBoolean()) {
 									groupOptions.prefetchOrder = 0;
@@ -189,7 +208,7 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 							}
 							case "preload": {
 								const expr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (expr.isBoolean()) {
 									groupOptions.preloadOrder = 0;
@@ -200,9 +219,28 @@ module.exports = class ImportMetaContextDependencyParserPlugin {
 								}
 								break;
 							}
+							case "fetchPriority": {
+								const expr = parser.evaluateExpression(
+									/** @type {Expression} */ (prop.value)
+								);
+								if (
+									expr.isString() &&
+									["high", "low", "auto"].includes(expr.string)
+								) {
+									groupOptions.fetchPriority =
+										/** @type {RawChunkGroupOptions["fetchPriority"]} */ (
+											expr.string
+										);
+								} else {
+									errors.push(
+										createPropertyParseError(prop, '"high"|"low"|"auto"')
+									);
+								}
+								break;
+							}
 							case "recursive": {
 								const recursiveExpr = parser.evaluateExpression(
-									/** @type {ExpressionNode} */ (prop.value)
+									/** @type {Expression} */ (prop.value)
 								);
 								if (!recursiveExpr.isBoolean()) {
 									errors.push(createPropertyParseError(prop, "boolean"));