webpack 5.48.0 → 5.51.1

package/lib/config/defaults.js

@@ -171,7 +171,7 @@ const applyWebpackOptionsDefaults = options => {
 
 	applySnapshotDefaults(options.snapshot, { production });
 
-	applyExperimentsDefaults(options.experiments);
+	applyExperimentsDefaults(options.experiments, { production, development });
 
 	applyModuleDefaults(options.module, {
 		cache,
@@ -193,7 +193,10 @@ const applyWebpackOptionsDefaults = options => {
 		module: options.module
 	});
 
-	applyExternalsPresetsDefaults(options.externalsPresets, { targetProperties });
+	applyExternalsPresetsDefaults(options.externalsPresets, {
+		targetProperties,
+		buildHttp: !!options.experiments.buildHttp
+	});
 
 	applyLoaderDefaults(options.loader, { targetProperties });
 
@@ -245,13 +248,26 @@ const applyWebpackOptionsDefaults = options => {
 
 /**
  * @param {Experiments} experiments options
+ * @param {Object} options options
+ * @param {boolean} options.production is production
+ * @param {boolean} options.development is development mode
  * @returns {void}
  */
-const applyExperimentsDefaults = experiments => {
+const applyExperimentsDefaults = (experiments, { production, development }) => {
 	D(experiments, "topLevelAwait", false);
 	D(experiments, "syncWebAssembly", false);
 	D(experiments, "asyncWebAssembly", false);
 	D(experiments, "outputModule", false);
+	D(experiments, "asset", false);
+	D(experiments, "executeModule", false);
+	D(experiments, "layers", false);
+	D(experiments, "lazyCompilation", false);
+	D(experiments, "buildHttp", false);
+
+	if (typeof experiments.buildHttp === "object") {
+		D(experiments.buildHttp, "frozen", production);
+		D(experiments.buildHttp, "upgrade", development);
+	}
 };
 
 /**
@@ -298,7 +314,7 @@ const applyCacheDefaults = (cache, { name, mode, development }) => {
 			);
 			D(cache, "hashAlgorithm", "md4");
 			D(cache, "store", "pack");
-			D(cache, "compression", development ? false : "gzip");
+			D(cache, "compression", false);
 			D(cache, "profile", false);
 			D(cache, "idleTimeout", 60000);
 			D(cache, "idleTimeoutForInitialStore", 5000);
@@ -860,13 +876,18 @@ const applyOutputDefaults = (
  * @param {ExternalsPresets} externalsPresets options
  * @param {Object} options options
  * @param {TargetProperties | false} options.targetProperties target properties
+ * @param {boolean} options.buildHttp buildHttp experiment enabled
  * @returns {void}
  */
 const applyExternalsPresetsDefaults = (
 	externalsPresets,
-	{ targetProperties }
+	{ targetProperties, buildHttp }
 ) => {
-	D(externalsPresets, "web", targetProperties && targetProperties.web);
+	D(
+		externalsPresets,
+		"web",
+		!buildHttp && targetProperties && targetProperties.web
+	);
 	D(externalsPresets, "node", targetProperties && targetProperties.node);
 	D(externalsPresets, "nwjs", targetProperties && targetProperties.nwjs);
 	D(

package/lib/config/normalization.js

@@ -171,7 +171,12 @@ const getNormalizedWebpackOptions = config => {
 							Promise.resolve().then(fn).then(getNormalizedEntryStatic)
 				  )(config.entry)
 				: getNormalizedEntryStatic(config.entry),
-		experiments: cloneObject(config.experiments),
+		experiments: nestedConfig(config.experiments, experiments => ({
+			...experiments,
+			buildHttp: optionalNestedConfig(experiments.buildHttp, options =>
+				options === true ? {} : options
+			)
+		})),
 		externals: config.externals,
 		externalsPresets: cloneObject(config.externalsPresets),
 		externalsType: config.externalsType,

package/lib/esm/ModuleChunkLoadingRuntimeModule.js

@@ -76,6 +76,9 @@ class ModuleChunkLoadingRuntimeModule extends RuntimeModule {
 		const withOnChunkLoad = this._runtimeRequirements.has(
 			RuntimeGlobals.onChunksLoaded
 		);
+		const withHmr = this._runtimeRequirements.has(
+			RuntimeGlobals.hmrDownloadUpdateHandlers
+		);
 		const conditionMap = chunkGraph.getChunkConditionMap(chunk, chunkHasJs);
 		const hasJsMatcher = compileBooleanMatcher(conditionMap);
 		const initialChunkIds = getInitialChunkIds(chunk, chunkGraph);
@@ -93,6 +96,10 @@ class ModuleChunkLoadingRuntimeModule extends RuntimeModule {
 			true
 		);
 
+		const stateExpression = withHmr
+			? `${RuntimeGlobals.hmrRuntimeStatePrefix}_module`
+			: undefined;
+
 		return Template.asString([
 			withBaseURI
 				? Template.asString([
@@ -105,7 +112,9 @@ class ModuleChunkLoadingRuntimeModule extends RuntimeModule {
 			"// object to store loaded and loading chunks",
 			"// undefined = chunk not loaded, null = chunk preloaded/prefetched",
 			"// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded",
-			"var installedChunks = {",
+			`var installedChunks = ${
+				stateExpression ? `${stateExpression} = ${stateExpression} || ` : ""
+			}{`,
 			Template.indent(
 				Array.from(initialChunkIds, id => `${JSON.stringify(id)}: 0`).join(
 					",\n"

package/lib/hmr/HotModuleReplacement.runtime.js

@@ -252,7 +252,11 @@ module.exports = function () {
 			.then($hmrDownloadManifest$)
 			.then(function (update) {
 				if (!update) {
-					return setStatus(applyInvalidatedModules() ? "ready" : "idle");
+					return setStatus(applyInvalidatedModules() ? "ready" : "idle").then(
+						function () {
+							return null;
+						}
+					);
 				}
 
 				return setStatus("prepare").then(function () {

package/lib/index.js

@@ -554,9 +554,6 @@ module.exports = mergeExports(fn, {
 		schemes: {
 			get HttpUriPlugin() {
 				return require("./schemes/HttpUriPlugin");
-			},
-			get HttpsUriPlugin() {
-				return require("./schemes/HttpsUriPlugin");
 			}
 		}
 	}

package/lib/javascript/JavascriptParser.js

@@ -135,6 +135,8 @@ const defaultParserOptions = {
 	locations: true,
 	ecmaVersion: "latest",
 	sourceType: "module",
+	// https://github.com/tc39/proposal-hashbang
+	allowHashBang: true,
 	onComment: null
 };
 

package/lib/library/ModuleLibraryPlugin.js

@@ -78,6 +78,10 @@ class ModuleLibraryPlugin extends AbstractLibraryPlugin {
 		const result = new ConcatSource(source);
 		const exportsInfo = moduleGraph.getExportsInfo(module);
 		const exports = [];
+		const isAsync = moduleGraph.isAsync(module);
+		if (isAsync) {
+			result.add(`__webpack_exports__ = await __webpack_exports__;\n`);
+		}
 		for (const exportInfo of exportsInfo.orderedExports) {
 			if (!exportInfo.provided) continue;
 			const varName = `__webpack_exports__${Template.toIdentifier(

package/lib/node/ReadFileChunkLoadingRuntimeModule.js

@@ -61,6 +61,10 @@ class ReadFileChunkLoadingRuntimeModule extends RuntimeModule {
 			false
 		);
 
+		const stateExpression = withHmr
+			? `${RuntimeGlobals.hmrRuntimeStatePrefix}_readFileVm`
+			: undefined;
+
 		return Template.asString([
 			withBaseURI
 				? Template.asString([
@@ -74,7 +78,9 @@ class ReadFileChunkLoadingRuntimeModule extends RuntimeModule {
 			"",
 			"// object to store loaded chunks",
 			'// "0" means "already loaded", Promise means loading',
-			"var installedChunks = {",
+			`var installedChunks = ${
+				stateExpression ? `${stateExpression} = ${stateExpression} || ` : ""
+			}{`,
 			Template.indent(
 				Array.from(initialChunkIds, id => `${JSON.stringify(id)}: 0`).join(
 					",\n"

package/lib/node/ReadFileCompileAsyncWasmPlugin.js

@@ -7,7 +7,7 @@
 
 const RuntimeGlobals = require("../RuntimeGlobals");
 const Template = require("../Template");
-const AsyncWasmChunkLoadingRuntimeModule = require("../wasm-async/AsyncWasmChunkLoadingRuntimeModule");
+const AsyncWasmLoadingRuntimeModule = require("../wasm-async/AsyncWasmLoadingRuntimeModule");
 
 /** @typedef {import("../Compiler")} Compiler */
 
@@ -93,7 +93,7 @@ class ReadFileCompileAsyncWasmPlugin {
 						set.add(RuntimeGlobals.publicPath);
 						compilation.addRuntimeModule(
 							chunk,
-							new AsyncWasmChunkLoadingRuntimeModule({
+							new AsyncWasmLoadingRuntimeModule({
 								generateLoadBinaryCode,
 								supportsStreaming: false
 							})

package/lib/node/ReadFileCompileWasmPlugin.js

@@ -80,7 +80,8 @@ class ReadFileCompileWasmPlugin {
 							new WasmChunkLoadingRuntimeModule({
 								generateLoadBinaryCode,
 								supportsStreaming: false,
-								mangleImports: this.options.mangleImports
+								mangleImports: this.options.mangleImports,
+								runtimeRequirements: set
 							})
 						);
 					});

package/lib/node/RequireChunkLoadingRuntimeModule.js

@@ -61,6 +61,10 @@ class RequireChunkLoadingRuntimeModule extends RuntimeModule {
 			true
 		);
 
+		const stateExpression = withHmr
+			? `${RuntimeGlobals.hmrRuntimeStatePrefix}_require`
+			: undefined;
+
 		return Template.asString([
 			withBaseURI
 				? Template.asString([
@@ -74,7 +78,9 @@ class RequireChunkLoadingRuntimeModule extends RuntimeModule {
 			"",
 			"// object to store loaded chunks",
 			'// "1" means "loaded", otherwise not loaded yet',
-			"var installedChunks = {",
+			`var installedChunks = ${
+				stateExpression ? `${stateExpression} = ${stateExpression} || ` : ""
+			}{`,
 			Template.indent(
 				Array.from(initialChunkIds, id => `${JSON.stringify(id)}: 1`).join(
 					",\n"

package/lib/optimize/ConcatenatedModule.js

@@ -23,7 +23,7 @@ const { equals } = require("../util/ArrayHelpers");
 const LazySet = require("../util/LazySet");
 const { concatComparators, keepOriginalOrder } = require("../util/comparators");
 const createHash = require("../util/createHash");
-const contextify = require("../util/identifier").contextify;
+const { makePathsRelative } = require("../util/identifier");
 const makeSerializable = require("../util/makeSerializable");
 const propertyAccess = require("../util/propertyAccess");
 const {
@@ -1011,13 +1011,13 @@ class ConcatenatedModule extends Module {
 	}
 
 	static _createIdentifier(rootModule, modules, associatedObjectForCache) {
-		const cachedContextify = contextify.bindContextCache(
+		const cachedMakePathsRelative = makePathsRelative.bindContextCache(
 			rootModule.context,
 			associatedObjectForCache
 		);
 		let identifiers = [];
 		for (const module of modules) {
-			identifiers.push(cachedContextify(module.identifier()));
+			identifiers.push(cachedMakePathsRelative(module.identifier()));
 		}
 		identifiers.sort();
 		const hash = createHash("md4");

package/lib/optimize/SplitChunksPlugin.js

@@ -17,7 +17,7 @@ const {
 } = require("../util/comparators");
 const createHash = require("../util/createHash");
 const deterministicGrouping = require("../util/deterministicGrouping");
-const contextify = require("../util/identifier").contextify;
+const { makePathsRelative } = require("../util/identifier");
 const memoize = require("../util/memoize");
 const MinMaxSizeWarning = require("./MinMaxSizeWarning");
 
@@ -748,7 +748,7 @@ module.exports = class SplitChunksPlugin {
 	 * @returns {void}
 	 */
 	apply(compiler) {
-		const cachedContextify = contextify.bindContextCache(
+		const cachedMakePathsRelative = makePathsRelative.bindContextCache(
 			compiler.context,
 			compiler.root
 		);
@@ -1596,11 +1596,11 @@ module.exports = class SplitChunksPlugin {
 							getKey(module) {
 								const cache = getKeyCache.get(module);
 								if (cache !== undefined) return cache;
-								const ident = cachedContextify(module.identifier());
+								const ident = cachedMakePathsRelative(module.identifier());
 								const nameForCondition =
 									module.nameForCondition && module.nameForCondition();
 								const name = nameForCondition
-									? cachedContextify(nameForCondition)
+									? cachedMakePathsRelative(nameForCondition)
 									: ident.replace(/^.*!|\?[^?!]*$/g, "");
 								const fullKey =
 									name +