webpack 5.111.1 → 5.112.1

package/lib/css/CssGenerator.js

@@ -12,10 +12,10 @@ const {
 	ReplaceSource,
 	SourceMapSource
 } = require("webpack-sources");
-const { UsageState } = require("../ExportsInfo");
-const Generator = require("../Generator");
-const InitFragment = require("../InitFragment");
-const ModuleFilenameHelpers = require("../ModuleFilenameHelpers");
+const ModuleFilenameHelpers = require("../devtool/ModuleFilenameHelpers");
+const { UsageState } = require("../graph/ExportsInfo");
+const isDependencyKind = require("../graph/isDependencyKind");
+const Generator = require("../module/Generator");
 const {
 	CSS_TEXT_TYPE,
 	CSS_TEXT_TYPES,
@@ -26,13 +26,11 @@ const {
 	JAVASCRIPT_TYPE,
 	JAVASCRIPT_TYPES,
 	NO_TYPES
-} = require("../ModuleSourceTypeConstants");
-const RuntimeGlobals = require("../RuntimeGlobals");
-const Template = require("../Template");
-const { getPresentKinds } = require("../TemplatedPathPlugin");
-const CssImportDependency = require("../dependencies/CssImportDependency");
-const HarmonyImportSideEffectDependency = require("../dependencies/HarmonyImportSideEffectDependency");
-const LoaderImportDependency = require("../dependencies/LoaderImportDependency");
+} = require("../module/ModuleSourceTypeConstants");
+const RuntimeGlobals = require("../runtime/RuntimeGlobals");
+const InitFragment = require("../template/InitFragment");
+const Template = require("../template/Template");
+const { getPresentKinds } = require("../template/TemplatedPathPlugin");
 
 const { encodeMappings } = require("../util/createMappings");
 const {
@@ -51,6 +49,7 @@ const CSS_TYPE_PREFIX = `${CSS_TYPE}/`;
 
 const URL_SCHEME_REGEXP = /^(?:data|https?):/;
 
+/** @import CssModule, { BuiltCssModule, CssNormalModule } from "./CssModule" */
 /** @import { Source, RawSourceMap } from "webpack-sources" */
 /**
  * @import {
@@ -58,33 +57,27 @@ const URL_SCHEME_REGEXP = /^(?:data|https?):/;
  * } from "../../declarations/WebpackOptions"
  */
 /** @import { DependencyConstructor } from "../Compilation" */
-/** @import CodeGenerationResults from "../CodeGenerationResults" */
-/** @import Dependency from "../Dependency" */
+/** @import CodeGenerationResults from "../module/CodeGenerationResults" */
+/** @import Dependency from "../graph/Dependency" */
 /**
  * @import {
  * 	CssData,
  * 	DependencyTemplateContext,
  * 	CssDependencyTemplateContext
- * } from "../DependencyTemplate"
+ * } from "../template/DependencyTemplate"
  */
-/** @import { GenerateContext, UpdateHashContext } from "../Generator" */
+/** @import { GenerateContext, UpdateHashContext } from "../module/Generator" */
 /**
  * @import {
  * 	ConcatenationBailoutReasonContext,
  * 	SourceType,
  * 	SourceTypes
- * } from "../Module"
+ * } from "../module/Module"
  */
-/** @import ModuleGraph from "../ModuleGraph" */
-/** @import NormalModule from "../NormalModule" */
+/** @import ModuleGraph from "../graph/ModuleGraph" */
+/** @import NormalModule from "../module/NormalModule" */
 /** @import Hash from "../util/Hash" */
 /** @import { ModuleFactoryCacheEntry } from "./CssModulesPlugin" */
-/**
- * @import CssModule, {
- * 	CssModuleBuildInfo,
- * 	CssModuleBuildMeta
- * } from "./CssModule"
- */
 
 /** @typedef {{ line: number, column: number }} SourcePosition */
 /** @typedef {Map<string, SourcePosition>} ExportLocsMap */
@@ -154,6 +147,14 @@ const buildExportsSourceMap = (
 	};
 };
 
+/**
+ * The module type the JSDoc inherited from `Generator` names.
+ * @typedef {CssNormalModule} TModule
+ */
+
+/**
+ * @extends {Generator<TModule>}
+ */
 class CssGenerator extends Generator {
 	/**
 	 * Creates an instance of CssGenerator.
@@ -191,7 +192,7 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Returns the reason this module cannot be concatenated, when one exists.
-	 * @param {NormalModule} module module for which the bailout reason should be determined
+	 * @param {TModule} module module for which the bailout reason should be determined
 	 * @param {ConcatenationBailoutReasonContext} context context
 	 * @returns {string | undefined} reason why this module can't be concatenated, undefined when it can be concatenated
 	 */
@@ -226,7 +227,7 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Processes the provided module.
-	 * @param {NormalModule} module the module to generate
+	 * @param {TModule} module the module to generate
 	 * @param {InitFragment<GenerateContext>[]} initFragments mutable list of init fragments
 	 * @param {ReplaceSource} source the current replace source which can be modified
 	 * @param {GenerateContext & { cssData: CssData }} generateContext the generateContext
@@ -235,7 +236,7 @@ class CssGenerator extends Generator {
 	sourceModule(module, initFragments, source, generateContext) {
 		// Only `dependency` varies across `template.apply` calls, so one context
 		// (and one lazy `chunkInitFragments` getter) serves the whole module.
-		/** @type {InitFragment<GenerateContext>[] | undefined} */
+		/** @type {InitFragment<import("../javascript/JavascriptModulesPlugin").ChunkRenderContext>[] | undefined} */
 		let chunkInitFragments;
 		/** @type {CssDependencyTemplateContext} */
 		const templateContext = {
@@ -282,12 +283,13 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Generates generated code for this runtime module.
-	 * @param {NormalModule} module module for which the code should be generated
+	 * @param {TModule} module module for which the code should be generated
 	 * @param {GenerateContext} generateContext context for generate
 	 * @returns {Source | null} generated code
 	 */
 	generate(module, generateContext) {
 		const exportType = /** @type {CssModule} */ (module).exportType || "link";
+		const { buildInfo, buildMeta } = /** @type {BuiltCssModule} */ (module);
 		const source =
 			generateContext.type === JAVASCRIPT_TYPE && exportType === "link"
 				? new ReplaceSource(new RawSource(""))
@@ -298,7 +300,13 @@ class CssGenerator extends Generator {
 		const cssData = {
 			esModule: /** @type {boolean} */ (this._esModule),
 			exports: new Map(),
-			exportLocs: new Map()
+			// Read only to map the exports code back to the CSS, so a build that
+			// asks for no source map neither fills nor keeps it.
+			exportLocs:
+				generateContext.type === JAVASCRIPT_TYPE &&
+				(module.useSourceMap || module.useSimpleSourceMap)
+					? new Map()
+					: undefined
 		};
 
 		this.sourceModule(module, initFragments, source, {
@@ -310,8 +318,7 @@ class CssGenerator extends Generator {
 			case JAVASCRIPT_TYPE: {
 				const compilation = generateContext.runtimeTemplate.compilation;
 				const devtool = compilation.options.devtool;
-				const isCssModule = /** @type {CssModuleBuildMeta} */ (module.buildMeta)
-					.isCssModule;
+				const isCssModule = buildMeta.isCssModule;
 
 				const generateContentCode = () => {
 					switch (exportType) {
@@ -408,8 +415,7 @@ class CssGenerator extends Generator {
 					/** @type {Source | null} */
 					const defaultExport = generateJSDefaultExport();
 
-					/** @type {CssModuleBuildInfo} */
-					(module.buildInfo).cssData = cssData;
+					buildInfo.cssData = cssData;
 
 					// Required for HMR
 					if (module.hot) {
@@ -571,21 +577,17 @@ class CssGenerator extends Generator {
 				// `SourceMapDevToolPlugin` can match the module and apply the
 				// devtool filename template instead of leaking this raw name
 				const sourceName = contextifySourceUrl(
-					/** @type {string} */ (compilation.options.context),
+					compilation.options.context,
 					module.identifier(),
 					compilation.compiler.root
 				);
 
-				if (
-					/** @type {ExportLocsMap} */
-					(cssData.exportLocs).size > 0
-				) {
+				if (cssData.exportLocs !== undefined && cssData.exportLocs.size > 0) {
 					const cssOriginal = module.originalSource();
 					if (cssOriginal) {
 						const sourceMap = buildExportsSourceMap(
 							generatedJs,
-							/** @type {ExportLocsMap} */
-							(cssData.exportLocs),
+							cssData.exportLocs,
 							/** @type {string} */ (cssOriginal.source()),
 							sourceName
 						);
@@ -611,7 +613,7 @@ class CssGenerator extends Generator {
 	/**
 	 * Generates fallback output for the provided error condition.
 	 * @param {Error} error the error
-	 * @param {NormalModule} module module for which the code should be generated
+	 * @param {TModule} module module for which the code should be generated
 	 * @param {GenerateContext} generateContext context for generate
 	 * @returns {Source | null} generated code
 	 */
@@ -641,7 +643,7 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Returns the source types available for this module.
-	 * @param {NormalModule} module fresh module
+	 * @param {TModule} module fresh module
 	 * @returns {SourceTypes} available types (do not mutate)
 	 */
 	getTypes(module) {
@@ -661,12 +663,16 @@ class CssGenerator extends Generator {
 			if (hasJs && (hasCssText || !needsCssText)) break;
 			if (
 				exportType === "link" &&
-				connection.dependency instanceof CssImportDependency
+				connection.dependency !== null &&
+				isDependencyKind(connection.dependency, "css-import")
 			) {
 				continue;
 			}
 
-			if (connection.dependency instanceof HarmonyImportSideEffectDependency) {
+			if (
+				connection.dependency !== null &&
+				isDependencyKind(connection.dependency, "esm-side-effect-import")
+			) {
 				continue;
 			}
 
@@ -682,7 +688,10 @@ class CssGenerator extends Generator {
 
 			// `importModule()` executes the module as JavaScript, and its dependency
 			// carries no origin module (`connectOrigin: false` in `LoaderPlugin`).
-			if (connection.dependency instanceof LoaderImportDependency) {
+			if (
+				connection.dependency !== null &&
+				isDependencyKind(connection.dependency, "loader-import")
+			) {
 				hasJs = true;
 				continue;
 			}
@@ -723,22 +732,20 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Returns the estimated size for the requested source type.
-	 * @param {NormalModule} module the module
+	 * @param {TModule} module the module
 	 * @param {SourceType=} type source type
 	 * @returns {number} estimate size of the module
 	 */
 	getSize(module, type) {
 		switch (type) {
 			case JAVASCRIPT_TYPE: {
-				const cssData = /** @type {CssModuleBuildInfo} */ (module.buildInfo)
-					.cssData;
+				const { buildInfo, buildMeta } = /** @type {BuiltCssModule} */ (module);
+				const cssData = buildInfo.cssData;
 				if (!cssData) {
 					return 42;
 				}
 				if (cssData.exports.size === 0) {
-					if (
-						/** @type {CssModuleBuildMeta} */ (module.buildMeta).isCssModule
-					) {
+					if (buildMeta.isCssModule) {
 						return 42;
 					}
 					return 0;
@@ -771,7 +778,7 @@ class CssGenerator extends Generator {
 	/**
 	 * Updates the hash with the data contributed by this instance.
 	 * @param {Hash} hash hash that will be modified
-	 * @param {UpdateHashContext} updateHashContext context for updating hash
+	 * @param {UpdateHashContext<TModule>} updateHashContext context for updating hash
 	 */
 	updateHash(hash, { module, runtimeTemplate }) {
 		hash.update(/** @type {boolean} */ (this._esModule).toString());
@@ -798,7 +805,7 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Resolve the effective `@charset` by walking text imports.
-	 * @param {NormalModule} module the module
+	 * @param {TModule} module the module
 	 * @param {ModuleGraph} moduleGraph module graph
 	 * @param {WeakSet<NormalModule>=} visited cycle guard
 	 * @returns {string | undefined} the effective charset
@@ -810,14 +817,12 @@ class CssGenerator extends Generator {
 			return undefined;
 		}
 		visited.add(module);
-		const own =
-			module.buildInfo &&
-			/** @type {CssModuleBuildInfo} */ (module.buildInfo).charset;
+		const own = module.buildInfo && module.buildInfo.charset;
 		if (own !== undefined) return own;
 		if (exportType !== "text") return undefined;
 		for (const dep of module.dependencies) {
-			if (dep instanceof CssImportDependency) {
-				const depModule = /** @type {NormalModule} */ (
+			if (isDependencyKind(dep, "css-import")) {
+				const depModule = /** @type {BuiltCssModule} */ (
 					moduleGraph.getModule(dep)
 				);
 				const inherited = this._getEffectiveCharset(
@@ -833,7 +838,7 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Generate JS expressions for `@import` side effects (`style` exportType only).
-	 * @param {NormalModule} module the module to generate CSS text for
+	 * @param {TModule} module the module to generate CSS text for
 	 * @param {GenerateContext} generateContext the generate context
 	 * @returns {string[]} JS expressions, one per `@import` dependency
 	 */
@@ -842,8 +847,11 @@ class CssGenerator extends Generator {
 		const parts = [];
 
 		for (const dep of module.dependencies) {
-			if (!(dep instanceof CssImportDependency)) continue;
-			const depModule = /** @type {CssModule} */ (moduleGraph.getModule(dep));
+			if (!isDependencyKind(dep, "css-import")) continue;
+			const depModule = /** @type {CssModule & BuiltCssModule} */ (
+				moduleGraph.getModule(dep)
+			);
+			if (!depModule) continue;
 			if (concatenationScope && concatenationScope.isModuleInScope(depModule)) {
 				continue;
 			}
@@ -863,7 +871,7 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Recursively merge `@import`'d CSS into a single Source (text/css-style-sheet only).
-	 * @param {NormalModule} module the module to render
+	 * @param {TModule} module the module to render
 	 * @param {GenerateContext} generateContext the generate context
 	 * @param {Set<NormalModule>} ancestors modules on the current path (cycle guard)
 	 * @returns {Source | null} merged CSS source, or null when the module has no content
@@ -877,8 +885,10 @@ class CssGenerator extends Generator {
 			const parts = [];
 
 			for (const dep of module.dependencies) {
-				if (!(dep instanceof CssImportDependency)) continue;
-				const depModule = /** @type {CssModule} */ (moduleGraph.getModule(dep));
+				if (!isDependencyKind(dep, "css-import")) continue;
+				const depModule = /** @type {CssModule & BuiltCssModule} */ (
+					moduleGraph.getModule(dep)
+				);
 				if (!depModule) continue;
 				const depExportType = depModule.exportType;
 				if (depExportType !== "text" && depExportType !== "css-style-sheet") {
@@ -905,7 +915,7 @@ class CssGenerator extends Generator {
 
 	/**
 	 * Generate CSS source for the current module
-	 * @param {NormalModule} module the module to generate CSS source for
+	 * @param {TModule} module the module to generate CSS source for
 	 * @param {GenerateContext} generateContext the generate context
 	 * @returns {Source | null} the CSS source
 	 */
@@ -950,7 +960,7 @@ class CssGenerator extends Generator {
 		const { compilation } = runtimeTemplate;
 		const outputOptions = compilation.outputOptions;
 		const absolutify = makePathsAbsolute.bindContextCache(
-			/** @type {string} */ (compilation.options.context),
+			compilation.options.context,
 			compilation.compiler.root
 		);
 		const options = {
@@ -1006,7 +1016,7 @@ class CssGenerator extends Generator {
 	 * Offer CSS bound for a JS string literal to `renderEmbeddedSource`. No `.css`
 	 * asset carries this text, so an asset-level minimizer never sees it.
 	 * @param {Source} cssSource the CSS source
-	 * @param {NormalModule} module the module
+	 * @param {TModule} module the module
 	 * @param {GenerateContext} generateContext the generate context
 	 * @returns {Source} the source a tap returned, or the original
 	 */
@@ -1070,7 +1080,7 @@ class CssGenerator extends Generator {
 	/**
 	 * Generate the merged CSS text for a module, optionally wrapped as a
 	 * JS string literal for embedding in JavaScript output.
-	 * @param {NormalModule} module the module
+	 * @param {TModule} module the module
 	 * @param {GenerateContext} generateContext the generate context
 	 * @param {boolean} asJsLiteral wrap the result as a JS string literal
 	 * @returns {Source} the CSS text source

package/lib/css/CssInjectStyleRuntimeModule.js

@@ -7,13 +7,13 @@
 
 const { SyncWaterfallHook } = require("tapable");
 /** @import Compilation from "../Compilation" */
-const RuntimeGlobals = require("../RuntimeGlobals");
-const RuntimeModule = require("../RuntimeModule");
-const Template = require("../Template");
+const RuntimeGlobals = require("../runtime/RuntimeGlobals");
+const RuntimeModule = require("../runtime/RuntimeModule");
+const Template = require("../template/Template");
 const createHooksRegistry = require("../util/createHooksRegistry");
 
-/** @import Chunk from "../Chunk" */
-/** @import { ReadOnlyRuntimeRequirements } from "../Module" */
+/** @import Chunk from "../graph/Chunk" */
+/** @import { ReadOnlyRuntimeRequirements } from "../module/Module" */
 
 /**
  * @typedef {object} CssInjectCompilationHooks
@@ -66,31 +66,37 @@ class CssInjectStyleRuntimeModule extends RuntimeModule {
 
 		const cst = runtimeTemplate.renderConst();
 		const isNeutralPlatform = runtimeTemplate.isNeutralPlatform();
-		// universal targets run in node too: collect styles for SSR retrieval
-		// instead of touching a DOM that isn't there
-		const injectGuard = isNeutralPlatform
-			? [
-					"if (typeof document === 'undefined') {",
-					Template.indent([
-						// "module-" keeps numeric module ids from enumerating in ascending
-						// order instead of the order the styles were applied in
-						`${runtimeTemplate.cssServerStyleRegistry()}["module-" + identifier] = css;`,
-						"return;"
-					]),
-					"}"
-				]
-			: [];
-		const removeGuard = isNeutralPlatform
-			? [
-					"if (typeof document === 'undefined') {",
-					Template.indent([
-						`${cst} styles = ${runtimeTemplate.cssServerStyleRegistry()};`,
-						'for (var i = 0; i < identifiers.length; i++) delete styles["module-" + identifiers[i]];',
-						"return;"
-					]),
-					"}"
-				]
-			: [];
+		// a node platform has no DOM, so it always collects; the neutral platform has
+		// to decide at runtime because the same bundle also runs in a browser
+		const withoutDocument =
+			!outputOptions.environment.document &&
+			compilation.compiler.platform.node === true;
+		const collectStyle = [
+			// "module-" keeps numeric module ids from enumerating in ascending
+			// order instead of the order the styles were applied in
+			`${runtimeTemplate.cssServerStyleRegistry()}["module-" + identifier] = css;`,
+			"return;"
+		];
+		const dropStyles = [
+			`${cst} styles = ${runtimeTemplate.cssServerStyleRegistry()};`,
+			'for (var i = 0; i < identifiers.length; i++) delete styles["module-" + identifiers[i]];',
+			"return;"
+		];
+		/**
+		 * @param {string[]} body the no-DOM branch
+		 * @returns {string[]} the branch, guarded when the platform is only maybe DOM-less
+		 */
+		const withoutDocumentGuard = (body) => {
+			if (withoutDocument) return body;
+			if (!isNeutralPlatform) return [];
+			return [
+				"if (typeof document === 'undefined') {",
+				Template.indent(body),
+				"}"
+			];
+		};
+		const injectGuard = withoutDocumentGuard(collectStyle);
+		const removeGuard = withoutDocumentGuard(dropStyles);
 
 		const createStyleElementCode = Template.asString([
 			`${cst} style = document.createElement('style');`,

package/lib/css/CssLoadingRuntimeModule.js

@@ -7,16 +7,16 @@
 
 const { SyncWaterfallHook } = require("tapable");
 /** @import Compilation from "../Compilation" */
-const RuntimeGlobals = require("../RuntimeGlobals");
-const RuntimeModule = require("../RuntimeModule");
-const Template = require("../Template");
+const RuntimeGlobals = require("../runtime/RuntimeGlobals");
+const RuntimeModule = require("../runtime/RuntimeModule");
+const Template = require("../template/Template");
 const compileBooleanMatcher = require("../util/compileBooleanMatcher");
 const createHooksRegistry = require("../util/createHooksRegistry");
 const { chunkHasCss } = require("./CssModulesPlugin");
 
-/** @import Chunk, { ChunkId } from "../Chunk" */
-/** @import ChunkGraph from "../ChunkGraph" */
-/** @import { ReadOnlyRuntimeRequirements } from "../Module" */
+/** @import Chunk, { ChunkId } from "../graph/Chunk" */
+/** @import ChunkGraph from "../graph/ChunkGraph" */
+/** @import { ReadOnlyRuntimeRequirements } from "../module/Module" */
 
 const createCompilationHooks = () => ({
 	/**
@@ -65,18 +65,20 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 	_getLoadableChunks() {
 		const chunk = /** @type {Chunk} */ (this.chunk);
 		const chunkGraph = /** @type {ChunkGraph} */ (this.chunkGraph);
+		const asyncChunks = chunk.getAllAsyncChunks();
 		/** @type {Set<ChunkId>} */
 		const initialChunkIds = new Set();
+		// A shared runtime can reach a stylesheet initially through one entry and
+		// asynchronously through another, where it still needs to be loaded.
 		for (const c of chunk.getAllInitialChunks()) {
-			if (chunkHasCss(c, chunkGraph)) {
+			if (chunkHasCss(c, chunkGraph) && !asyncChunks.has(c)) {
 				initialChunkIds.add(/** @type {ChunkId} */ (c.id));
 			}
 		}
 		// The predicate the stylesheet is emitted from: an `@import` external gives a
 		// chunk a css asset without a `CSS_TYPE` module, and it still has to load.
 		const conditionMap = chunkGraph.getChunkConditionMap(chunk, chunkHasCss);
-		// An initial chunk is installed before the handler can run, so it never
-		// reaches the loading path — with no other one there is nothing to load.
+		// With no stylesheets left to request asynchronously, the handler is unused.
 		const loadableConditionMap = { ...conditionMap };
 		for (const id of initialChunkIds) {
 			loadableConditionMap[id] = false;
@@ -169,6 +171,15 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 
 		const environment = compilation.outputOptions.environment;
 		const isNeutralPlatform = runtimeTemplate.isNeutralPlatform();
+		// only a node platform can read the stylesheet from disk; other document-less
+		// platforms (`target: "webworker"`) have no `fs`, so they keep the link code
+		const withoutDocument =
+			!environment.document && compilation.compiler.platform.node === true;
+		// Only a build that renders on a server meets a stylesheet it did not
+		// create, so every other build keeps the shorter adoption check.
+		const withServerRenderedLinks = this._runtimeRequirements.has(
+			RuntimeGlobals.hasServerRenderedStylesheets
+		);
 		const withPrefetch =
 			this._runtimeRequirements.has(RuntimeGlobals.prefetchChunkHandlers) &&
 			(environment.document || isNeutralPlatform) &&
@@ -238,6 +249,35 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 
 		const cst = runtimeTemplate.renderConst();
 		const lt = runtimeTemplate.renderLet();
+		// Whether an existing link still has rules on the way, and what its timeout
+		// then means: only a webpack-created link is an error, never an adopted one.
+		const adoptedLinkIsPending = withServerRenderedLinks
+			? 'fetching || (!link.sheet && link.href.indexOf(location.origin + "/") == 0)'
+			: "link.getAttribute(loadingAttribute)";
+		const timeoutEventType = withServerRenderedLinks
+			? "fetching ? 'timeout' : 'load'"
+			: "'timeout'";
+		// no DOM: read the emitted CSS via dynamic import('fs') (works on every node),
+		// collect it; never reject on a missing file
+		const readCssFromDisk =
+			withoutDocument || isNeutralPlatform
+				? `Promise.all([import('fs'), import('url')]).then(${runtimeTemplate.basicFunction(
+						"[{ readFile }, { URL }]",
+						[
+							`readFile(${runtimeTemplate.importMetaUrl("url")}, 'utf8', ${runtimeTemplate.basicFunction(
+								"err, content",
+								[
+									`if (!err) ${runtimeTemplate.cssServerStyleRegistry()}["chunk-" + chunkId] = content;`,
+									"loadingEnded({ type: 'load' });"
+								]
+							)});`
+						]
+						// No fs to import, or a url `readFile` rejects on sight (a CDN public
+						// path): nothing to collect, which is what a missing file already means.
+					)}).catch(${runtimeTemplate.expressionFunction(
+						"loadingEnded({ type: 'load' })"
+					)});`
+				: "";
 		const installedChunksObject = `{\n${Template.indent(
 			Array.from(initialChunkIds, (id) => `${JSON.stringify(id)}: 0`).join(
 				",\n"
@@ -279,7 +319,7 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 						runtimeTemplate.outputOptions.uniqueName
 					)};`
 				: "// data-webpack is not used as build has no uniqueName",
-			withLoading || withHmr
+			(withLoading && !withoutDocument) || withHmr
 				? Template.asString([
 						`${cst} loadingAttribute = "data-webpack-loading";`,
 						`${cst} loadStylesheet = ${runtimeTemplate.basicFunction(
@@ -324,13 +364,20 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 										"if(prev) return prev(event);"
 									])
 								)};`,
-								"if(link.getAttribute(loadingAttribute)) {",
+								...(withServerRenderedLinks
+									? [`${cst} fetching = link.getAttribute(loadingAttribute);`]
+									: []),
+								// An adopted stylesheet without a `sheet` has not applied yet, so a streamed
+								// server render no longer resolves before its rules are in.
+								`if(${adoptedLinkIsPending}) {`,
 								Template.indent([
-									`timeout = setTimeout(onLinkComplete.bind(null, undefined, { type: 'timeout', target: link }), ${loadTimeout});`,
+									// An adopted link that already failed replays no event, so its timeout
+									// resolves as a load: webpack did not create it and must not remove it.
+									`timeout = setTimeout(onLinkComplete.bind(null, undefined, { type: ${timeoutEventType}, target: link }), ${loadTimeout});`,
 									"link.onerror = onLinkComplete.bind(null, link.onerror);",
 									"link.onload = onLinkComplete.bind(null, link.onload);"
 								]),
-								"} else onLinkComplete(undefined, { type: 'load', target: link });", // We assume any existing stylesheet is render blocking
+								"} else onLinkComplete(undefined, { type: 'load', target: link });", // a cross-origin sheet never exposes `sheet`, so it keeps the render-blocking assumption
 								withHmr && withFetchPriority
 									? 'if (hmr && hmr.getAttribute("fetchpriority")) link.setAttribute("fetchpriority", hmr.getAttribute("fetchpriority"));'
 									: "",
@@ -419,39 +466,25 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 													"}"
 												]
 											)};`,
-											isNeutralPlatform
-												? "if (typeof document !== 'undefined') {"
-												: "",
-											Template.indent([
-												`loadStylesheet(chunkId, url, loadingEnded${
-													withFetchPriority ? ", fetchPriority" : ""
-												});`
-											]),
-											isNeutralPlatform
-												? Template.asString([
-														"} else {",
+											withoutDocument
+												? readCssFromDisk
+												: Template.asString([
+														isNeutralPlatform
+															? "if (typeof document !== 'undefined') {"
+															: "",
 														Template.indent([
-															// no DOM (Node SSR): read the emitted CSS via dynamic import('fs') (works on every node), collect it; never reject on a missing file
-															`Promise.all([import('fs'), import('url')]).then(${runtimeTemplate.basicFunction(
-																"[{ readFile }, { URL }]",
-																[
-																	`readFile(${runtimeTemplate.importMetaUrl("url")}, 'utf8', ${runtimeTemplate.basicFunction(
-																		"err, content",
-																		[
-																			`if (!err) ${runtimeTemplate.cssServerStyleRegistry()}["chunk-" + chunkId] = content;`,
-																			"loadingEnded({ type: 'load' });"
-																		]
-																	)});`
-																]
-																// No fs to import, or a url `readFile` rejects on sight (a CDN public
-																// path): nothing to collect, which is what a missing file already means.
-															)}).catch(${runtimeTemplate.expressionFunction(
-																"loadingEnded({ type: 'load' })"
-															)});`
+															`loadStylesheet(chunkId, url, loadingEnded${
+																withFetchPriority ? ", fetchPriority" : ""
+															});`
 														]),
-														"}"
+														isNeutralPlatform
+															? Template.asString([
+																	"} else {",
+																	Template.indent([readCssFromDisk]),
+																	"}"
+																])
+															: ""
 													])
-												: ""
 										]),
 										"} else installedChunks[chunkId] = 0;"
 									]),
@@ -598,7 +631,7 @@ class CssLoadingRuntimeModule extends RuntimeModule {
 						}.css = ${runtimeTemplate.basicFunction(
 							"chunkIds, removedChunks, removedModules, promises, applyHandlers, updatedModulesList, css",
 							[
-								isNeutralPlatform
+								isNeutralPlatform || withoutDocument
 									? Template.asString([
 											"if (typeof document === 'undefined') {",
 											Template.indent([