webpack 5.77.0 → 5.79.0

package/lib/FlagDependencyUsagePlugin.js

@@ -24,6 +24,9 @@ const { getEntryRuntime, mergeRuntimeOwned } = require("./util/runtime");
 
 const { NO_EXPORTS_REFERENCED, EXPORTS_OBJECT_REFERENCED } = Dependency;
 
+const PLUGIN_NAME = "FlagDependencyUsagePlugin";
+const PLUGIN_LOGGER_NAME = `webpack.${PLUGIN_NAME}`;
+
 class FlagDependencyUsagePlugin {
 	/**
 	 * @param {boolean} global do a global analysis instead of per runtime
@@ -38,13 +41,10 @@ class FlagDependencyUsagePlugin {
 	 * @returns {void}
 	 */
 	apply(compiler) {
-		compiler.hooks.compilation.tap("FlagDependencyUsagePlugin", compilation => {
+		compiler.hooks.compilation.tap(PLUGIN_NAME, compilation => {
 			const moduleGraph = compilation.moduleGraph;
 			compilation.hooks.optimizeDependencies.tap(
-				{
-					name: "FlagDependencyUsagePlugin",
-					stage: STAGE_DEFAULT
-				},
+				{ name: PLUGIN_NAME, stage: STAGE_DEFAULT },
 				modules => {
 					if (compilation.moduleMemCaches) {
 						throw new Error(
@@ -52,9 +52,7 @@ class FlagDependencyUsagePlugin {
 						);
 					}
 
-					const logger = compilation.getLogger(
-						"webpack.FlagDependencyUsagePlugin"
-					);
+					const logger = compilation.getLogger(PLUGIN_LOGGER_NAME);
 					/** @type {Map<ExportsInfo, Module>} */
 					const exportInfoToModuleMap = new Map();
 

package/lib/FlagEntryExportAsUsedPlugin.js

@@ -9,6 +9,8 @@ const { getEntryRuntime } = require("./util/runtime");
 
 /** @typedef {import("./Compiler")} Compiler */
 
+const PLUGIN_NAME = "FlagEntryExportAsUsedPlugin";
+
 class FlagEntryExportAsUsedPlugin {
 	constructor(nsObjectUsed, explanation) {
 		this.nsObjectUsed = nsObjectUsed;
@@ -21,32 +23,29 @@ class FlagEntryExportAsUsedPlugin {
 	 * @returns {void}
 	 */
 	apply(compiler) {
-		compiler.hooks.thisCompilation.tap(
-			"FlagEntryExportAsUsedPlugin",
-			compilation => {
-				const moduleGraph = compilation.moduleGraph;
-				compilation.hooks.seal.tap("FlagEntryExportAsUsedPlugin", () => {
-					for (const [
-						entryName,
-						{ dependencies: deps, options }
-					] of compilation.entries) {
-						const runtime = getEntryRuntime(compilation, entryName, options);
-						for (const dep of deps) {
-							const module = moduleGraph.getModule(dep);
-							if (module) {
-								const exportsInfo = moduleGraph.getExportsInfo(module);
-								if (this.nsObjectUsed) {
-									exportsInfo.setUsedInUnknownWay(runtime);
-								} else {
-									exportsInfo.setAllKnownExportsUsed(runtime);
-								}
-								moduleGraph.addExtraReason(module, this.explanation);
+		compiler.hooks.thisCompilation.tap(PLUGIN_NAME, compilation => {
+			const moduleGraph = compilation.moduleGraph;
+			compilation.hooks.seal.tap(PLUGIN_NAME, () => {
+				for (const [
+					entryName,
+					{ dependencies: deps, options }
+				] of compilation.entries) {
+					const runtime = getEntryRuntime(compilation, entryName, options);
+					for (const dep of deps) {
+						const module = moduleGraph.getModule(dep);
+						if (module) {
+							const exportsInfo = moduleGraph.getExportsInfo(module);
+							if (this.nsObjectUsed) {
+								exportsInfo.setUsedInUnknownWay(runtime);
+							} else {
+								exportsInfo.setAllKnownExportsUsed(runtime);
 							}
+							moduleGraph.addExtraReason(module, this.explanation);
 						}
 					}
-				});
-			}
-		);
+				}
+			});
+		});
 	}
 }
 

package/lib/HotModuleReplacementPlugin.js

@@ -35,6 +35,12 @@ const {
 	intersectRuntime
 } = require("./util/runtime");
 
+const {
+	JAVASCRIPT_MODULE_TYPE_AUTO,
+	JAVASCRIPT_MODULE_TYPE_DYNAMIC,
+	JAVASCRIPT_MODULE_TYPE_ESM
+} = require("./ModuleTypeConstants");
+
 /** @typedef {import("./Chunk")} Chunk */
 /** @typedef {import("./Compilation").AssetInfo} AssetInfo */
 /** @typedef {import("./Compiler")} Compiler */
@@ -51,6 +57,8 @@ const {
 /** @type {WeakMap<JavascriptParser, HMRJavascriptParserHooks>} */
 const parserHooksMap = new WeakMap();
 
+const PLUGIN_NAME = "HotModuleReplacementPlugin";
+
 class HotModuleReplacementPlugin {
 	/**
 	 * @param {JavascriptParser} parser the parser
@@ -183,7 +191,7 @@ class HotModuleReplacementPlugin {
 		const applyModuleHot = parser => {
 			parser.hooks.evaluateIdentifier.for("module.hot").tap(
 				{
-					name: "HotModuleReplacementPlugin",
+					name: PLUGIN_NAME,
 					before: "NodeStuffPlugin"
 				},
 				expr => {
@@ -198,24 +206,24 @@ class HotModuleReplacementPlugin {
 			parser.hooks.call
 				.for("module.hot.accept")
 				.tap(
-					"HotModuleReplacementPlugin",
+					PLUGIN_NAME,
 					createAcceptHandler(parser, ModuleHotAcceptDependency)
 				);
 			parser.hooks.call
 				.for("module.hot.decline")
 				.tap(
-					"HotModuleReplacementPlugin",
+					PLUGIN_NAME,
 					createDeclineHandler(parser, ModuleHotDeclineDependency)
 				);
 			parser.hooks.expression
 				.for("module.hot")
-				.tap("HotModuleReplacementPlugin", createHMRExpressionHandler(parser));
+				.tap(PLUGIN_NAME, createHMRExpressionHandler(parser));
 		};
 
 		const applyImportMetaHot = parser => {
 			parser.hooks.evaluateIdentifier
 				.for("import.meta.webpackHot")
-				.tap("HotModuleReplacementPlugin", expr => {
+				.tap(PLUGIN_NAME, expr => {
 					return evaluateToIdentifier(
 						"import.meta.webpackHot",
 						"import.meta",
@@ -226,22 +234,22 @@ class HotModuleReplacementPlugin {
 			parser.hooks.call
 				.for("import.meta.webpackHot.accept")
 				.tap(
-					"HotModuleReplacementPlugin",
+					PLUGIN_NAME,
 					createAcceptHandler(parser, ImportMetaHotAcceptDependency)
 				);
 			parser.hooks.call
 				.for("import.meta.webpackHot.decline")
 				.tap(
-					"HotModuleReplacementPlugin",
+					PLUGIN_NAME,
 					createDeclineHandler(parser, ImportMetaHotDeclineDependency)
 				);
 			parser.hooks.expression
 				.for("import.meta.webpackHot")
-				.tap("HotModuleReplacementPlugin", createHMRExpressionHandler(parser));
+				.tap(PLUGIN_NAME, createHMRExpressionHandler(parser));
 		};
 
 		compiler.hooks.compilation.tap(
-			"HotModuleReplacementPlugin",
+			PLUGIN_NAME,
 			(compilation, { normalModuleFactory }) => {
 				// This applies the HMR plugin only to the targeted compiler
 				// It should not affect child compilations
@@ -289,40 +297,37 @@ class HotModuleReplacementPlugin {
 				const fullHashChunkModuleHashes = {};
 				const chunkModuleHashes = {};
 
-				compilation.hooks.record.tap(
-					"HotModuleReplacementPlugin",
-					(compilation, records) => {
-						if (records.hash === compilation.hash) return;
-						const chunkGraph = compilation.chunkGraph;
-						records.hash = compilation.hash;
-						records.hotIndex = hotIndex;
-						records.fullHashChunkModuleHashes = fullHashChunkModuleHashes;
-						records.chunkModuleHashes = chunkModuleHashes;
-						records.chunkHashes = {};
-						records.chunkRuntime = {};
-						for (const chunk of compilation.chunks) {
-							records.chunkHashes[chunk.id] = chunk.hash;
-							records.chunkRuntime[chunk.id] = getRuntimeKey(chunk.runtime);
-						}
-						records.chunkModuleIds = {};
-						for (const chunk of compilation.chunks) {
-							records.chunkModuleIds[chunk.id] = Array.from(
-								chunkGraph.getOrderedChunkModulesIterable(
-									chunk,
-									compareModulesById(chunkGraph)
-								),
-								m => chunkGraph.getModuleId(m)
-							);
-						}
+				compilation.hooks.record.tap(PLUGIN_NAME, (compilation, records) => {
+					if (records.hash === compilation.hash) return;
+					const chunkGraph = compilation.chunkGraph;
+					records.hash = compilation.hash;
+					records.hotIndex = hotIndex;
+					records.fullHashChunkModuleHashes = fullHashChunkModuleHashes;
+					records.chunkModuleHashes = chunkModuleHashes;
+					records.chunkHashes = {};
+					records.chunkRuntime = {};
+					for (const chunk of compilation.chunks) {
+						records.chunkHashes[chunk.id] = chunk.hash;
+						records.chunkRuntime[chunk.id] = getRuntimeKey(chunk.runtime);
 					}
-				);
+					records.chunkModuleIds = {};
+					for (const chunk of compilation.chunks) {
+						records.chunkModuleIds[chunk.id] = Array.from(
+							chunkGraph.getOrderedChunkModulesIterable(
+								chunk,
+								compareModulesById(chunkGraph)
+							),
+							m => chunkGraph.getModuleId(m)
+						);
+					}
+				});
 				/** @type {TupleSet<[Module, Chunk]>} */
 				const updatedModules = new TupleSet();
 				/** @type {TupleSet<[Module, Chunk]>} */
 				const fullHashModules = new TupleSet();
 				/** @type {TupleSet<[Module, RuntimeSpec]>} */
 				const nonCodeGeneratedModules = new TupleSet();
-				compilation.hooks.fullHash.tap("HotModuleReplacementPlugin", hash => {
+				compilation.hooks.fullHash.tap(PLUGIN_NAME, hash => {
 					const chunkGraph = compilation.chunkGraph;
 					const records = compilation.records;
 					for (const chunk of compilation.chunks) {
@@ -412,7 +417,7 @@ class HotModuleReplacementPlugin {
 				});
 				compilation.hooks.processAssets.tap(
 					{
-						name: "HotModuleReplacementPlugin",
+						name: PLUGIN_NAME,
 						stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
 					},
 					() => {
@@ -734,7 +739,7 @@ To fix this, make sure to include [runtime] in the output.hotUpdateMainFilename
 				);
 
 				compilation.hooks.additionalTreeRuntimeRequirements.tap(
-					"HotModuleReplacementPlugin",
+					PLUGIN_NAME,
 					(chunk, runtimeRequirements) => {
 						runtimeRequirements.add(RuntimeGlobals.hmrDownloadManifest);
 						runtimeRequirements.add(RuntimeGlobals.hmrDownloadUpdateHandlers);
@@ -748,24 +753,24 @@ To fix this, make sure to include [runtime] in the output.hotUpdateMainFilename
 				);
 
 				normalModuleFactory.hooks.parser
-					.for("javascript/auto")
-					.tap("HotModuleReplacementPlugin", parser => {
+					.for(JAVASCRIPT_MODULE_TYPE_AUTO)
+					.tap(PLUGIN_NAME, parser => {
 						applyModuleHot(parser);
 						applyImportMetaHot(parser);
 					});
 				normalModuleFactory.hooks.parser
-					.for("javascript/dynamic")
-					.tap("HotModuleReplacementPlugin", parser => {
+					.for(JAVASCRIPT_MODULE_TYPE_DYNAMIC)
+					.tap(PLUGIN_NAME, parser => {
 						applyModuleHot(parser);
 					});
 				normalModuleFactory.hooks.parser
-					.for("javascript/esm")
-					.tap("HotModuleReplacementPlugin", parser => {
+					.for(JAVASCRIPT_MODULE_TYPE_ESM)
+					.tap(PLUGIN_NAME, parser => {
 						applyImportMetaHot(parser);
 					});
 
 				NormalModule.getCompilationHooks(compilation).loader.tap(
-					"HotModuleReplacementPlugin",
+					PLUGIN_NAME,
 					context => {
 						context.hot = true;
 					}

package/lib/JavascriptMetaInfoPlugin.js

@@ -5,11 +5,18 @@
 
 "use strict";
 
+const {
+	JAVASCRIPT_MODULE_TYPE_AUTO,
+	JAVASCRIPT_MODULE_TYPE_DYNAMIC,
+	JAVASCRIPT_MODULE_TYPE_ESM
+} = require("./ModuleTypeConstants");
 const InnerGraph = require("./optimize/InnerGraph");
 
 /** @typedef {import("./Compiler")} Compiler */
 /** @typedef {import("./javascript/JavascriptParser")} JavascriptParser */
 
+const PLUGIN_NAME = "JavascriptMetaInfoPlugin";
+
 class JavascriptMetaInfoPlugin {
 	/**
 	 * Apply the plugin
@@ -18,14 +25,14 @@ class JavascriptMetaInfoPlugin {
 	 */
 	apply(compiler) {
 		compiler.hooks.compilation.tap(
-			"JavascriptMetaInfoPlugin",
+			PLUGIN_NAME,
 			(compilation, { normalModuleFactory }) => {
 				/**
 				 * @param {JavascriptParser} parser the parser
 				 * @returns {void}
 				 */
 				const handler = parser => {
-					parser.hooks.call.for("eval").tap("JavascriptMetaInfoPlugin", () => {
+					parser.hooks.call.for("eval").tap(PLUGIN_NAME, () => {
 						parser.state.module.buildInfo.moduleConcatenationBailout = "eval()";
 						parser.state.module.buildInfo.usingEval = true;
 						const currentSymbol = InnerGraph.getTopLevelSymbol(parser.state);
@@ -35,7 +42,7 @@ class JavascriptMetaInfoPlugin {
 							InnerGraph.bailout(parser.state);
 						}
 					});
-					parser.hooks.finish.tap("JavascriptMetaInfoPlugin", () => {
+					parser.hooks.finish.tap(PLUGIN_NAME, () => {
 						let topLevelDeclarations =
 							parser.state.module.buildInfo.topLevelDeclarations;
 						if (topLevelDeclarations === undefined) {
@@ -52,14 +59,14 @@ class JavascriptMetaInfoPlugin {
 				};
 
 				normalModuleFactory.hooks.parser
-					.for("javascript/auto")
-					.tap("JavascriptMetaInfoPlugin", handler);
+					.for(JAVASCRIPT_MODULE_TYPE_AUTO)
+					.tap(PLUGIN_NAME, handler);
 				normalModuleFactory.hooks.parser
-					.for("javascript/dynamic")
-					.tap("JavascriptMetaInfoPlugin", handler);
+					.for(JAVASCRIPT_MODULE_TYPE_DYNAMIC)
+					.tap(PLUGIN_NAME, handler);
 				normalModuleFactory.hooks.parser
-					.for("javascript/esm")
-					.tap("JavascriptMetaInfoPlugin", handler);
+					.for(JAVASCRIPT_MODULE_TYPE_ESM)
+					.tap(PLUGIN_NAME, handler);
 			}
 		);
 	}

package/lib/LibManifestPlugin.js

@@ -49,7 +49,8 @@ class LibManifestPlugin {
 						const name =
 							this.options.name &&
 							compilation.getPath(this.options.name, {
-								chunk
+								chunk,
+								contentHashType: "javascript"
 							});
 						const content = Object.create(null);
 						for (const module of chunkGraph.getOrderedChunkModulesIterable(

package/lib/ModuleTypeConstants.js

@@ -0,0 +1,50 @@
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+	Author Sean Larkin @TheLarkInn
+*/
+
+"use strict";
+
+/**
+ * @type {Readonly<"javascript/auto">}
+ */
+const JAVASCRIPT_MODULE_TYPE_AUTO = "javascript/auto";
+
+/**
+ * @type {Readonly<"javascript/dynamic">}
+ */
+const JAVASCRIPT_MODULE_TYPE_DYNAMIC = "javascript/dynamic";
+
+/**
+ * @type {Readonly<"javascript/esm">}
+ * This is the module type used for _strict_ ES Module syntax. This means that all legacy formats
+ * that webpack supports (CommonJS, AMD, SystemJS) are not supported.
+ */
+const JAVASCRIPT_MODULE_TYPE_ESM = "javascript/esm";
+
+/**
+ * @type {Readonly<"json">}
+ * This is the module type used for JSON files. JSON files are always parsed as ES Module.
+ */
+const JSON_MODULE_TYPE = "json";
+
+/**
+ * @type {Readonly<"webassembly/async">}
+ * This is the module type used for WebAssembly modules. In webpack 5 they are always treated as async modules.
+ *
+ */
+const WEBASSEMBLY_MODULE_TYPE_ASYNC = "webassembly/async";
+
+/**
+ * @type {Readonly<"webassembly/sync">}
+ * This is the module type used for WebAssembly modules. In webpack 4 they are always treated as sync modules.
+ * There is a legacy option to support this usage in webpack 5 and up.
+ */
+const WEBASSEMBLY_MODULE_TYPE_SYNC = "webassembly/sync";
+
+exports.JAVASCRIPT_MODULE_TYPE_AUTO = JAVASCRIPT_MODULE_TYPE_AUTO;
+exports.JAVASCRIPT_MODULE_TYPE_DYNAMIC = JAVASCRIPT_MODULE_TYPE_DYNAMIC;
+exports.JAVASCRIPT_MODULE_TYPE_ESM = JAVASCRIPT_MODULE_TYPE_ESM;
+exports.JSON_MODULE_TYPE = JSON_MODULE_TYPE;
+exports.WEBASSEMBLY_MODULE_TYPE_ASYNC = WEBASSEMBLY_MODULE_TYPE_ASYNC;
+exports.WEBASSEMBLY_MODULE_TYPE_SYNC = WEBASSEMBLY_MODULE_TYPE_SYNC;

package/lib/NodeStuffPlugin.js

@@ -5,6 +5,10 @@
 
 "use strict";
 
+const {
+	JAVASCRIPT_MODULE_TYPE_AUTO,
+	JAVASCRIPT_MODULE_TYPE_DYNAMIC
+} = require("./ModuleTypeConstants");
 const NodeStuffInWebError = require("./NodeStuffInWebError");
 const RuntimeGlobals = require("./RuntimeGlobals");
 const CachedConstDependency = require("./dependencies/CachedConstDependency");
@@ -22,6 +26,8 @@ const { parseResource } = require("./util/identifier");
 /** @typedef {import("./DependencyTemplates")} DependencyTemplates */
 /** @typedef {import("./RuntimeTemplate")} RuntimeTemplate */
 
+const PLUGIN_NAME = "NodeStuffPlugin";
+
 class NodeStuffPlugin {
 	constructor(options) {
 		this.options = options;
@@ -35,7 +41,7 @@ class NodeStuffPlugin {
 	apply(compiler) {
 		const options = this.options;
 		compiler.hooks.compilation.tap(
-			"NodeStuffPlugin",
+			PLUGIN_NAME,
 			(compilation, { normalModuleFactory }) => {
 				const handler = (parser, parserOptions) => {
 					if (parserOptions.node === false) return;
@@ -47,29 +53,27 @@ class NodeStuffPlugin {
 
 					if (localOptions.global !== false) {
 						const withWarning = localOptions.global === "warn";
-						parser.hooks.expression
-							.for("global")
-							.tap("NodeStuffPlugin", expr => {
-								const dep = new ConstDependency(
-									RuntimeGlobals.global,
-									expr.range,
-									[RuntimeGlobals.global]
-								);
-								dep.loc = expr.loc;
-								parser.state.module.addPresentationalDependency(dep);
+						parser.hooks.expression.for("global").tap(PLUGIN_NAME, expr => {
+							const dep = new ConstDependency(
+								RuntimeGlobals.global,
+								expr.range,
+								[RuntimeGlobals.global]
+							);
+							dep.loc = expr.loc;
+							parser.state.module.addPresentationalDependency(dep);
 
-								// TODO webpack 6 remove
-								if (withWarning) {
-									parser.state.module.addWarning(
-										new NodeStuffInWebError(
-											dep.loc,
-											"global",
-											"The global namespace object is a Node.js feature and isn't available in browsers."
-										)
-									);
-								}
-							});
-						parser.hooks.rename.for("global").tap("NodeStuffPlugin", expr => {
+							// TODO webpack 6 remove
+							if (withWarning) {
+								parser.state.module.addWarning(
+									new NodeStuffInWebError(
+										dep.loc,
+										"global",
+										"The global namespace object is a Node.js feature and isn't available in browsers."
+									)
+								);
+							}
+						});
+						parser.hooks.rename.for("global").tap(PLUGIN_NAME, expr => {
 							const dep = new ConstDependency(
 								RuntimeGlobals.global,
 								expr.range,
@@ -84,7 +88,7 @@ class NodeStuffPlugin {
 					const setModuleConstant = (expressionName, fn, warning) => {
 						parser.hooks.expression
 							.for(expressionName)
-							.tap("NodeStuffPlugin", expr => {
+							.tap(PLUGIN_NAME, expr => {
 								const dep = new CachedConstDependency(
 									JSON.stringify(fn(parser.state.module)),
 									expr.range,
@@ -129,7 +133,7 @@ class NodeStuffPlugin {
 
 						parser.hooks.evaluateIdentifier
 							.for("__filename")
-							.tap("NodeStuffPlugin", expr => {
+							.tap(PLUGIN_NAME, expr => {
 								if (!parser.state.module) return;
 								const resource = parseResource(parser.state.module.resource);
 								return evaluateToString(resource.path)(expr);
@@ -156,7 +160,7 @@ class NodeStuffPlugin {
 
 						parser.hooks.evaluateIdentifier
 							.for("__dirname")
-							.tap("NodeStuffPlugin", expr => {
+							.tap(PLUGIN_NAME, expr => {
 								if (!parser.state.module) return;
 								return evaluateToString(parser.state.module.context)(expr);
 							});
@@ -164,7 +168,7 @@ class NodeStuffPlugin {
 					parser.hooks.expression
 						.for("require.extensions")
 						.tap(
-							"NodeStuffPlugin",
+							PLUGIN_NAME,
 							expressionIsUnsupported(
 								parser,
 								"require.extensions is not supported by webpack. Use a loader instead."
@@ -173,11 +177,11 @@ class NodeStuffPlugin {
 				};
 
 				normalModuleFactory.hooks.parser
-					.for("javascript/auto")
-					.tap("NodeStuffPlugin", handler);
+					.for(JAVASCRIPT_MODULE_TYPE_AUTO)
+					.tap(PLUGIN_NAME, handler);
 				normalModuleFactory.hooks.parser
-					.for("javascript/dynamic")
-					.tap("NodeStuffPlugin", handler);
+					.for(JAVASCRIPT_MODULE_TYPE_DYNAMIC)
+					.tap(PLUGIN_NAME, handler);
 			}
 		);
 	}

package/lib/NormalModule.js

@@ -22,6 +22,7 @@ const ModuleBuildError = require("./ModuleBuildError");
 const ModuleError = require("./ModuleError");
 const ModuleGraphConnection = require("./ModuleGraphConnection");
 const ModuleParseError = require("./ModuleParseError");
+const { JAVASCRIPT_MODULE_TYPE_AUTO } = require("./ModuleTypeConstants");
 const ModuleWarning = require("./ModuleWarning");
 const RuntimeGlobals = require("./RuntimeGlobals");
 const UnhandledSchemeError = require("./UnhandledSchemeError");
@@ -339,7 +340,7 @@ class NormalModule extends Module {
 	 */
 	identifier() {
 		if (this.layer === null) {
-			if (this.type === "javascript/auto") {
+			if (this.type === JAVASCRIPT_MODULE_TYPE_AUTO) {
 				return this.request;
 			} else {
 				return `${this.type}|${this.request}`;

package/lib/NormalModuleFactory.js

@@ -18,6 +18,7 @@ const ChunkGraph = require("./ChunkGraph");
 const Module = require("./Module");
 const ModuleFactory = require("./ModuleFactory");
 const ModuleGraph = require("./ModuleGraph");
+const { JAVASCRIPT_MODULE_TYPE_AUTO } = require("./ModuleTypeConstants");
 const NormalModule = require("./NormalModule");
 const BasicEffectRulePlugin = require("./rules/BasicEffectRulePlugin");
 const BasicMatcherRulePlugin = require("./rules/BasicMatcherRulePlugin");
@@ -489,7 +490,7 @@ class NormalModuleFactory extends ModuleFactory {
 							-settings.type.length - 10
 						);
 					} else {
-						settings.type = "javascript/auto";
+						settings.type = JAVASCRIPT_MODULE_TYPE_AUTO;
 						const resourceDataForRules = matchResourceData || resourceData;
 						const result = this.ruleSet.exec({
 							resource: resourceDataForRules.path,
@@ -510,6 +511,11 @@ class NormalModuleFactory extends ModuleFactory {
 							issuerLayer: contextInfo.issuerLayer || ""
 						});
 						for (const r of result) {
+							// https://github.com/webpack/webpack/issues/16466
+							// if a request exists PrePostAutoLoaders, should disable modifying Rule.type
+							if (r.type === "type" && noPrePostAutoLoaders) {
+								continue;
+							}
 							if (r.type === "use") {
 								if (!noAutoLoaders && !noPrePostAutoLoaders) {
 									useLoaders.push(r.value);

package/lib/NormalModuleReplacementPlugin.js

@@ -8,7 +8,7 @@
 const { join, dirname } = require("./util/fs");
 
 /** @typedef {import("./Compiler")} Compiler */
-/** @typedef {function(TODO): void} ModuleReplacer */
+/** @typedef {function(import("./NormalModuleFactory").ResolveData): void} ModuleReplacer */
 
 class NormalModuleReplacementPlugin {
 	/**