webpack 5.106.2 → 5.107.1

package/lib/Module.js

@@ -51,7 +51,7 @@ const makeSerializable = require("./util/makeSerializable");
  * @template T
  * @typedef {import("./InitFragment")<T>} InitFragment
  */
-/** @typedef {import("./WebpackError")} WebpackError */
+/** @typedef {import("./errors/WebpackError")} WebpackError */
 /** @typedef {import("./json/JsonData")} JsonData */
 /** @typedef {import("./serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
 /** @typedef {import("./serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
@@ -119,7 +119,7 @@ const makeSerializable = require("./util/makeSerializable");
  * @typedef {object} AllCodeGenerationSchemas
  * @property {Set<string>} topLevelDeclarations top level declarations for javascript modules
  * @property {InitFragment<EXPECTED_ANY>[]} chunkInitFragments chunk init fragments for javascript modules
- * @property {{ javascript?: string, ["css-url"]?: string }} url url for css and javascript modules
+ * @property {{ javascript?: string, ["asset-url"]?: string }} url url for asset modules
  * @property {string} filename a filename for asset modules
  * @property {AssetInfo} assetInfo an asset info for asset modules
  * @property {string} fullContentHash a full content hash for asset modules
@@ -129,7 +129,7 @@ const makeSerializable = require("./util/makeSerializable");
 /**
  * Defines the code gen value type used by this module.
  * @template {string} K
- * @typedef {K extends keyof AllCodeGenerationSchemas ? AllCodeGenerationSchemas[K] : EXPECTED_ANY} CodeGenValue
+ * @typedef {K extends (keyof AllCodeGenerationSchemas) ? AllCodeGenerationSchemas[K] : EXPECTED_ANY} CodeGenValue
  */
 
 /**
@@ -173,7 +173,8 @@ const makeSerializable = require("./util/makeSerializable");
  * @property {boolean=} treatAsCommonJs
  * @property {boolean=} async
  * @property {boolean=} sideEffectFree
- * @property {boolean=} isCSSModule
+ * @property {boolean=} isCssModule
+ * @property {boolean=} needIdInConcatenation
  * @property {Record<string, string>=} jsIncompatibleExports
  * @property {Map<string, Record<string, string>>=} exportsFinalNameByRuntime
  * @property {Map<string, string>=} exportsSourceByRuntime
@@ -303,9 +304,9 @@ class Module extends DependenciesBlock {
 		/** @type {boolean} */
 		this.hot = false;
 		// Info from Build
-		/** @type {WebpackError[] | undefined} */
+		/** @type {Error[] | undefined} */
 		this._warnings = undefined;
-		/** @type {WebpackError[] | undefined} */
+		/** @type {Error[] | undefined} */
 		this._errors = undefined;
 		/** @type {BuildMeta | undefined} */
 		this.buildMeta = undefined;
@@ -782,7 +783,7 @@ class Module extends DependenciesBlock {
 
 	/**
 	 * Adds the provided warning to the module.
-	 * @param {WebpackError} warning the warning
+	 * @param {Error} warning the warning
 	 * @returns {void}
 	 */
 	addWarning(warning) {
@@ -794,7 +795,7 @@ class Module extends DependenciesBlock {
 
 	/**
 	 * Returns list of warnings if any.
-	 * @returns {Iterable<WebpackError> | undefined} list of warnings if any
+	 * @returns {Error[] | undefined} list of warnings if any
 	 */
 	getWarnings() {
 		return this._warnings;
@@ -810,7 +811,7 @@ class Module extends DependenciesBlock {
 
 	/**
 	 * Adds the provided error to the module.
-	 * @param {WebpackError} error the error
+	 * @param {Error} error the error
 	 * @returns {void}
 	 */
 	addError(error) {
@@ -822,7 +823,7 @@ class Module extends DependenciesBlock {
 
 	/**
 	 * Returns list of errors if any.
-	 * @returns {Iterable<WebpackError> | undefined} list of errors if any
+	 * @returns {Error[] | undefined} list of errors if any
 	 */
 	getErrors() {
 		return this._errors;
@@ -1027,7 +1028,7 @@ class Module extends DependenciesBlock {
 	 * @returns {string} a unique identifier of the module
 	 */
 	identifier() {
-		const AbstractMethodError = require("./AbstractMethodError");
+		const AbstractMethodError = require("./errors/AbstractMethodError");
 
 		throw new AbstractMethodError();
 	}
@@ -1040,7 +1041,7 @@ class Module extends DependenciesBlock {
 	 * @returns {string} a user readable identifier of the module
 	 */
 	readableIdentifier(requestShortener) {
-		const AbstractMethodError = require("./AbstractMethodError");
+		const AbstractMethodError = require("./errors/AbstractMethodError");
 
 		throw new AbstractMethodError();
 	}
@@ -1057,7 +1058,7 @@ class Module extends DependenciesBlock {
 	 * @returns {void}
 	 */
 	build(options, compilation, resolver, fs, callback) {
-		const AbstractMethodError = require("./AbstractMethodError");
+		const AbstractMethodError = require("./errors/AbstractMethodError");
 
 		throw new AbstractMethodError();
 	}
@@ -1099,7 +1100,7 @@ class Module extends DependenciesBlock {
 	 */
 	source(dependencyTemplates, runtimeTemplate, type = JAVASCRIPT_TYPE) {
 		if (this.codeGeneration === Module.prototype.codeGeneration) {
-			const AbstractMethodError = require("./AbstractMethodError");
+			const AbstractMethodError = require("./errors/AbstractMethodError");
 
 			throw new AbstractMethodError();
 		}
@@ -1135,7 +1136,7 @@ class Module extends DependenciesBlock {
 	 * @returns {number} the estimated size of the module (must be non-zero)
 	 */
 	size(type) {
-		const AbstractMethodError = require("./AbstractMethodError");
+		const AbstractMethodError = require("./errors/AbstractMethodError");
 
 		throw new AbstractMethodError();
 	}
@@ -1393,13 +1394,13 @@ Object.defineProperty(Module.prototype, "errors", {
 	/**
 	 * Returns errors.
 	 * @deprecated
-	 * @returns {WebpackError[]} errors
+	 * @returns {Error[]} errors
 	 */
 	get: util.deprecate(
 		/**
 		 * Returns errors.
 		 * @this {Module}
-		 * @returns {WebpackError[]} errors
+		 * @returns {Error[]} errors
 		 */
 		function errors() {
 			if (this._errors === undefined) {
@@ -1417,13 +1418,13 @@ Object.defineProperty(Module.prototype, "warnings", {
 	/**
 	 * Returns warnings.
 	 * @deprecated
-	 * @returns {WebpackError[]} warnings
+	 * @returns {Error[]} warnings
 	 */
 	get: util.deprecate(
 		/**
 		 * Returns warnings.
 		 * @this {Module}
-		 * @returns {WebpackError[]} warnings
+		 * @returns {Error[]} warnings
 		 */
 		function warnings() {
 			if (this._warnings === undefined) {

package/lib/ModuleFactory.js

@@ -53,7 +53,7 @@ class ModuleFactory {
 	 * @returns {void}
 	 */
 	create(data, callback) {
-		const AbstractMethodError = require("./AbstractMethodError");
+		const AbstractMethodError = require("./errors/AbstractMethodError");
 
 		throw new AbstractMethodError();
 	}

package/lib/ModuleNotFoundError.js

@@ -5,87 +5,6 @@
 
 "use strict";
 
-const WebpackError = require("./WebpackError");
-
-/** @typedef {import("./Dependency").DependencyLocation} DependencyLocation */
-/** @typedef {import("./Module")} Module */
-
-const previouslyPolyfilledBuiltinModules = {
-	assert: "assert/",
-	buffer: "buffer/",
-	console: "console-browserify",
-	constants: "constants-browserify",
-	crypto: "crypto-browserify",
-	domain: "domain-browser",
-	events: "events/",
-	http: "stream-http",
-	https: "https-browserify",
-	os: "os-browserify/browser",
-	path: "path-browserify",
-	punycode: "punycode/",
-	process: "process/browser",
-	querystring: "querystring-es3",
-	stream: "stream-browserify",
-	_stream_duplex: "readable-stream/duplex",
-	_stream_passthrough: "readable-stream/passthrough",
-	_stream_readable: "readable-stream/readable",
-	_stream_transform: "readable-stream/transform",
-	_stream_writable: "readable-stream/writable",
-	string_decoder: "string_decoder/",
-	sys: "util/",
-	timers: "timers-browserify",
-	tty: "tty-browserify",
-	url: "url/",
-	util: "util/",
-	vm: "vm-browserify",
-	zlib: "browserify-zlib"
-};
-
-class ModuleNotFoundError extends WebpackError {
-	/**
-	 * Creates an instance of ModuleNotFoundError.
-	 * @param {Module | null} module module tied to dependency
-	 * @param {Error & { details?: string }} err error thrown
-	 * @param {DependencyLocation} loc location of dependency
-	 */
-	constructor(module, err, loc) {
-		let message = `Module not found: ${err.toString()}`;
-
-		// TODO remove in webpack 6
-		const match = err.message.match(/Can't resolve '([^']+)'/);
-		if (match) {
-			const request = match[1];
-			const alias =
-				previouslyPolyfilledBuiltinModules[
-					/** @type {keyof previouslyPolyfilledBuiltinModules} */ (request)
-				];
-			if (alias) {
-				const pathIndex = alias.indexOf("/");
-				const dependency = pathIndex > 0 ? alias.slice(0, pathIndex) : alias;
-				message +=
-					"\n\n" +
-					"BREAKING CHANGE: " +
-					"webpack < 5 used to include polyfills for node.js core modules by default.\n" +
-					"This is no longer the case. Verify if you need this module and configure a polyfill for it.\n\n";
-				message +=
-					"If you want to include a polyfill, you need to:\n" +
-					`\t- add a fallback 'resolve.fallback: { "${request}": require.resolve("${alias}") }'\n` +
-					`\t- install '${dependency}'\n`;
-				message +=
-					"If you don't want to include a polyfill, you can use an empty module like this:\n" +
-					`\tresolve.fallback: { "${request}": false }`;
-			}
-		}
-
-		super(message);
-
-		/** @type {string} */
-		this.name = "ModuleNotFoundError";
-		this.details = err.details;
-		this.module = module;
-		this.error = err;
-		this.loc = loc;
-	}
-}
-
-module.exports = ModuleNotFoundError;
+// TODO remove in webpack 6
+// Some old plugins use `require("webpack/lib/ModuleNotFoundError")`, in webpack@6 developer should migrate to `compiler.webpack.ModuleNotFoundError`
+module.exports = require("./errors/ModuleNotFoundError");

package/lib/ModuleSourceTypeConstants.js

@@ -25,6 +25,11 @@ const WEBASSEMBLY_TYPE = "webassembly";
  */
 const ASSET_TYPE = "asset";
 
+/**
+ * @type {Readonly<"asset-url">}
+ */
+const ASSET_URL_TYPE = "asset-url";
+
 /**
  * @type {Readonly<"css">}
  */
@@ -36,9 +41,14 @@ const CSS_TYPE = "css";
 const CSS_IMPORT_TYPE = "css-import";
 
 /**
- * @type {Readonly<"css-url">}
+ * @type {Readonly<"css-text">}
  */
-const CSS_URL_TYPE = "css-url";
+const CSS_TEXT_TYPE = "css-text";
+
+/**
+ * @type {Readonly<"html">}
+ */
+const HTML_TYPE = "html";
 
 /**
  * @type {Readonly<"share-init">}
@@ -62,7 +72,7 @@ const UNKNOWN_TYPE = "unknown";
 
 /**
  * Defines the all types type used by this module.
- * @typedef {JAVASCRIPT_TYPE | RUNTIME_TYPE | WEBASSEMBLY_TYPE | ASSET_TYPE | CSS_TYPE | CSS_IMPORT_TYPE | CSS_URL_TYPE | SHARED_INIT_TYPE | REMOTE_GENERATOR_TYPE | CONSUME_SHARED_GENERATOR_TYPE | UNKNOWN_TYPE} AllTypes
+ * @typedef {JAVASCRIPT_TYPE | RUNTIME_TYPE | WEBASSEMBLY_TYPE | ASSET_TYPE | ASSET_URL_TYPE | CSS_TYPE | CSS_IMPORT_TYPE | CSS_TEXT_TYPE | HTML_TYPE | SHARED_INIT_TYPE | REMOTE_GENERATOR_TYPE | CONSUME_SHARED_GENERATOR_TYPE | UNKNOWN_TYPE} AllTypes
  */
 
 /**
@@ -81,17 +91,17 @@ const ASSET_TYPES = new Set([ASSET_TYPE]);
 const ASSET_AND_JAVASCRIPT_TYPES = new Set([ASSET_TYPE, JAVASCRIPT_TYPE]);
 
 /**
- * @type {ReadonlySet<"css-url" | "asset">}
+ * @type {ReadonlySet<"asset-url" | "asset">}
  */
-const ASSET_AND_CSS_URL_TYPES = new Set([ASSET_TYPE, CSS_URL_TYPE]);
+const ASSET_AND_ASSET_URL_TYPES = new Set([ASSET_TYPE, ASSET_URL_TYPE]);
 
 /**
- * @type {ReadonlySet<"javascript" | "css-url" | "asset">}
+ * @type {ReadonlySet<"javascript" | "asset-url" | "asset">}
  */
-const ASSET_AND_JAVASCRIPT_AND_CSS_URL_TYPES = new Set([
+const ASSET_AND_JAVASCRIPT_AND_ASSET_URL_TYPES = new Set([
 	ASSET_TYPE,
 	JAVASCRIPT_TYPE,
-	CSS_URL_TYPE
+	ASSET_URL_TYPE
 ]);
 
 /**
@@ -100,9 +110,12 @@ const ASSET_AND_JAVASCRIPT_AND_CSS_URL_TYPES = new Set([
 const JAVASCRIPT_TYPES = new Set([JAVASCRIPT_TYPE]);
 
 /**
- * @type {ReadonlySet<"javascript" | "css-url">}
+ * @type {ReadonlySet<"javascript" | "asset-url">}
  */
-const JAVASCRIPT_AND_CSS_URL_TYPES = new Set([JAVASCRIPT_TYPE, CSS_URL_TYPE]);
+const JAVASCRIPT_AND_ASSET_URL_TYPES = new Set([
+	JAVASCRIPT_TYPE,
+	ASSET_URL_TYPE
+]);
 
 /**
  * @type {ReadonlySet<"javascript" | "css">}
@@ -115,14 +128,29 @@ const JAVASCRIPT_AND_CSS_TYPES = new Set([JAVASCRIPT_TYPE, CSS_TYPE]);
 const CSS_TYPES = new Set([CSS_TYPE]);
 
 /**
- * @type {ReadonlySet<"css-url">}
+ * @type {ReadonlySet<"asset-url">}
+ */
+const ASSET_URL_TYPES = new Set([ASSET_URL_TYPE]);
+
+/**
+ * @type {ReadonlySet<"css-text">}
+ */
+const CSS_TEXT_TYPES = new Set([CSS_TEXT_TYPE]);
+
+/**
+ * @type {ReadonlySet<"javascript" | "css-text">}
  */
-const CSS_URL_TYPES = new Set([CSS_URL_TYPE]);
+const JAVASCRIPT_AND_CSS_TEXT_TYPES = new Set([JAVASCRIPT_TYPE, CSS_TEXT_TYPE]);
 /**
  * @type {ReadonlySet<"css-import">}
  */
 const CSS_IMPORT_TYPES = new Set([CSS_IMPORT_TYPE]);
 
+/**
+ * @type {ReadonlySet<"html">}
+ */
+const HTML_TYPES = new Set([HTML_TYPE]);
+
 /**
  * @type {ReadonlySet<"webassembly">}
  */
@@ -151,22 +179,26 @@ const CONSUME_SHARED_TYPES = new Set([CONSUME_SHARED_GENERATOR_TYPE]);
  */
 const SHARED_INIT_TYPES = new Set([SHARED_INIT_TYPE]);
 
-module.exports.ASSET_AND_CSS_URL_TYPES = ASSET_AND_CSS_URL_TYPES;
-module.exports.ASSET_AND_JAVASCRIPT_AND_CSS_URL_TYPES =
-	ASSET_AND_JAVASCRIPT_AND_CSS_URL_TYPES;
+module.exports.ASSET_AND_ASSET_URL_TYPES = ASSET_AND_ASSET_URL_TYPES;
+module.exports.ASSET_AND_JAVASCRIPT_AND_ASSET_URL_TYPES =
+	ASSET_AND_JAVASCRIPT_AND_ASSET_URL_TYPES;
 module.exports.ASSET_AND_JAVASCRIPT_TYPES = ASSET_AND_JAVASCRIPT_TYPES;
 module.exports.ASSET_TYPE = ASSET_TYPE;
 module.exports.ASSET_TYPES = ASSET_TYPES;
+module.exports.ASSET_URL_TYPE = ASSET_URL_TYPE;
+module.exports.ASSET_URL_TYPES = ASSET_URL_TYPES;
 module.exports.CONSUME_SHARED_TYPES = CONSUME_SHARED_TYPES;
 module.exports.CSS_IMPORT_TYPE = CSS_IMPORT_TYPE;
 module.exports.CSS_IMPORT_TYPES = CSS_IMPORT_TYPES;
-module.exports.CSS_TYPE = CSS_TYPE;
+module.exports.CSS_TEXT_TYPE = CSS_TEXT_TYPE;
+module.exports.CSS_TEXT_TYPES = CSS_TEXT_TYPES;
 module.exports.CSS_TYPE = CSS_TYPE;
 module.exports.CSS_TYPES = CSS_TYPES;
-module.exports.CSS_URL_TYPE = CSS_URL_TYPE;
-module.exports.CSS_URL_TYPES = CSS_URL_TYPES;
+module.exports.HTML_TYPE = HTML_TYPE;
+module.exports.HTML_TYPES = HTML_TYPES;
+module.exports.JAVASCRIPT_AND_ASSET_URL_TYPES = JAVASCRIPT_AND_ASSET_URL_TYPES;
+module.exports.JAVASCRIPT_AND_CSS_TEXT_TYPES = JAVASCRIPT_AND_CSS_TEXT_TYPES;
 module.exports.JAVASCRIPT_AND_CSS_TYPES = JAVASCRIPT_AND_CSS_TYPES;
-module.exports.JAVASCRIPT_AND_CSS_URL_TYPES = JAVASCRIPT_AND_CSS_URL_TYPES;
 module.exports.JAVASCRIPT_TYPE = JAVASCRIPT_TYPE;
 module.exports.JAVASCRIPT_TYPES = JAVASCRIPT_TYPES;
 module.exports.NO_TYPES = NO_TYPES;

package/lib/ModuleTypeConstants.js

@@ -65,6 +65,13 @@ const CSS_MODULE_TYPE_MODULE = "css/module";
  */
 const CSS_MODULE_TYPE_AUTO = "css/auto";
 
+/**
+ * @type {Readonly<"html">}
+ * This is the module type used for HTML files when `experiments.html` is enabled.
+ * HTML modules are emitted as HTML assets and can be used as entry points.
+ */
+const HTML_MODULE_TYPE = "html";
+
 /**
  * @type {Readonly<"asset">}
  * This is the module type used for automatically choosing between `asset/inline`, `asset/resource` based on asset size limit (8096).
@@ -140,11 +147,12 @@ const WEBPACK_MODULE_TYPE_LAZY_COMPILATION_PROXY = "lazy-compilation-proxy";
 /** @typedef {"javascript/auto" | "javascript/dynamic" | "javascript/esm"} JavaScriptModuleTypes */
 /** @typedef {"json"} JSONModuleType */
 /** @typedef {"webassembly/async" | "webassembly/sync"} WebAssemblyModuleTypes */
-/** @typedef {"css" | "css/global" | "css/module" | "css/auto"} CSSModuleTypes */
+/** @typedef {"css" | "css/global" | "css/module" | "css/auto"} CssModuleTypes */
+/** @typedef {"html"} HTMLModuleType */
 /** @typedef {"asset" | "asset/inline" | "asset/resource" | "asset/source" | "asset/raw-data-url"} AssetModuleTypes */
 /** @typedef {"runtime" | "fallback-module" | "remote-module" | "provide-module" | "consume-shared-module" | "lazy-compilation-proxy"} WebpackModuleTypes */
 /** @typedef {string} UnknownModuleTypes */
-/** @typedef {JavaScriptModuleTypes | JSONModuleType | WebAssemblyModuleTypes | CSSModuleTypes | AssetModuleTypes | WebpackModuleTypes | UnknownModuleTypes} ModuleTypes */
+/** @typedef {JavaScriptModuleTypes | JSONModuleType | WebAssemblyModuleTypes | CssModuleTypes | HTMLModuleType | AssetModuleTypes | WebpackModuleTypes | UnknownModuleTypes} ModuleTypes */
 
 module.exports.ASSET_MODULE_TYPE = ASSET_MODULE_TYPE;
 module.exports.ASSET_MODULE_TYPE_BYTES = ASSET_MODULE_TYPE_BYTES;
@@ -152,7 +160,7 @@ module.exports.ASSET_MODULE_TYPE_INLINE = ASSET_MODULE_TYPE_INLINE;
 module.exports.ASSET_MODULE_TYPE_RAW_DATA_URL = ASSET_MODULE_TYPE_RAW_DATA_URL;
 module.exports.ASSET_MODULE_TYPE_RESOURCE = ASSET_MODULE_TYPE_RESOURCE;
 module.exports.ASSET_MODULE_TYPE_SOURCE = ASSET_MODULE_TYPE_SOURCE;
-/** @type {CSSModuleTypes[]} */
+/** @type {CssModuleTypes[]} */
 module.exports.CSS_MODULES = [
 	CSS_MODULE_TYPE,
 	CSS_MODULE_TYPE_GLOBAL,
@@ -163,6 +171,7 @@ module.exports.CSS_MODULE_TYPE = CSS_MODULE_TYPE;
 module.exports.CSS_MODULE_TYPE_AUTO = CSS_MODULE_TYPE_AUTO;
 module.exports.CSS_MODULE_TYPE_GLOBAL = CSS_MODULE_TYPE_GLOBAL;
 module.exports.CSS_MODULE_TYPE_MODULE = CSS_MODULE_TYPE_MODULE;
+module.exports.HTML_MODULE_TYPE = HTML_MODULE_TYPE;
 /** @type {JavaScriptModuleTypes[]} */
 module.exports.JAVASCRIPT_MODULES = [
 	JAVASCRIPT_MODULE_TYPE_AUTO,

package/lib/MultiCompiler.js

@@ -8,10 +8,10 @@
 const asyncLib = require("neo-async");
 const { MultiHook, SyncHook } = require("tapable");
 
-const ConcurrentCompilationError = require("./ConcurrentCompilationError");
 const MultiStats = require("./MultiStats");
 const MultiWatching = require("./MultiWatching");
-const WebpackError = require("./WebpackError");
+const ConcurrentCompilationError = require("./errors/ConcurrentCompilationError");
+const WebpackError = require("./errors/WebpackError");
 const ArrayQueue = require("./util/ArrayQueue");
 
 /**

package/lib/NodeStuffPlugin.js

@@ -10,13 +10,13 @@ const {
 	JAVASCRIPT_MODULE_TYPE_DYNAMIC,
 	JAVASCRIPT_MODULE_TYPE_ESM
 } = require("./ModuleTypeConstants");
-const NodeStuffInWebError = require("./NodeStuffInWebError");
 const RuntimeGlobals = require("./RuntimeGlobals");
 const CachedConstDependency = require("./dependencies/CachedConstDependency");
 const ConstDependency = require("./dependencies/ConstDependency");
 const ExternalModuleDependency = require("./dependencies/ExternalModuleDependency");
 const ExternalModuleInitFragmentDependency = require("./dependencies/ExternalModuleInitFragmentDependency");
 const ImportMetaPlugin = require("./dependencies/ImportMetaPlugin");
+const NodeStuffInWebError = require("./errors/NodeStuffInWebError");
 const { evaluateToString } = require("./javascript/JavascriptParserHelpers");
 const { relative } = require("./util/fs");
 const { parseResource } = require("./util/identifier");