@nuxt/webpack-builder 3.21.0 → 3.21.1

package/dist/index.mjs

@@ -36,8 +36,6 @@ import { normalizeWebpackManifest, precomputeDependencies } from "vue-bundle-ren
 import { hash } from "ohash";
 import { serialize } from "seroval";
 import { parseNodeModulePath } from "mlly";
-
-//#region src/plugins/dynamic-base.ts
 const defaults = {
 	globalPublicPath: "__webpack_public_path__",
 	sourcemap: true
@@ -67,13 +65,7 @@ const DynamicBasePlugin = createUnplugin((options = {}) => {
 		}
 	};
 });
-
-//#endregion
-//#region builder.mjs
 const builder = "webpack";
-
-//#endregion
-//#region src/plugins/chunk.ts
 const pluginName = "ChunkErrorPlugin";
 var ChunkErrorPlugin = class {
 	apply(compiler) {
@@ -105,16 +97,13 @@ if (typeof ${ensureChunk} !== "undefined") {
 `;
 	}
 };
-
-//#endregion
-//#region src/plugins/ssr-styles.ts
 const CSS_URL_RE = /url\((['"]?)(\/[^)]+?)\1\)/g;
 const isVueFile = (id) => /\.vue(?:\?|$)/.test(id);
 const isCSSLike = (name) => /\.(?:css|scss|sass|less|styl(?:us)?|postcss|pcss)(?:\?|$)/.test(name);
-function normalizePath(nuxt$1, id) {
+function normalizePath(nuxt, id) {
 	if (!id) return null;
 	const { pathname } = parseURL(decodeURIComponent(pathToFileURL(id).href));
-	const rel = relative(nuxt$1.options.srcDir, pathname);
+	const rel = relative(nuxt.options.srcDir, pathname);
 	if (rel.startsWith("..")) return null;
 	return rel;
 }
@@ -134,12 +123,12 @@ function extractVueStyles(filePath) {
 		const styles = [];
 		const scopeId = createHash("sha256").update(filePath).digest("hex").slice(0, 8);
 		for (let i = 0; i < descriptor.styles.length; i++) {
-			const style$1 = descriptor.styles[i];
+			const style = descriptor.styles[i];
 			const result = compileStyle({
-				source: style$1.content,
+				source: style.content,
 				filename: filePath,
 				id: `data-v-${scopeId}`,
-				scoped: style$1.scoped
+				scoped: style.scoped
 			});
 			if (!result.errors.length && result.code) styles.push(normalizeCSSContent(result.code));
 		}
@@ -153,10 +142,10 @@ var SSRStylesPlugin = class {
 	clientCSSByIssuer = /* @__PURE__ */ new Map();
 	chunksWithInlinedCSS = /* @__PURE__ */ new Set();
 	globalCSSPaths = /* @__PURE__ */ new Set();
-	constructor(nuxt$1) {
-		this.nuxt = nuxt$1;
+	constructor(nuxt) {
+		this.nuxt = nuxt;
 		this.globalCSSPaths = this.resolveGlobalCSS();
-		nuxt$1.hook("build:manifest", (manifest) => {
+		nuxt.hook("build:manifest", (manifest) => {
 			for (const [id, chunk] of Object.entries(manifest)) {
 				if (chunk.isEntry && chunk.src) this.chunksWithInlinedCSS.add(chunk.src);
 				else if (this.chunksWithInlinedCSS.has(id)) chunk.css &&= [];
@@ -182,9 +171,9 @@ var SSRStylesPlugin = class {
 	isPublicAsset(url, nitro) {
 		const cleaned = url.replace(/[?#].*$/, "");
 		for (const dir of nitro.options.publicAssets) {
-			const base$1 = withTrailingSlash(dir.baseURL || "/");
-			if (!url.startsWith(base$1)) continue;
-			if (existsSync(cleaned.replace(base$1, withTrailingSlash(dir.dir)))) return true;
+			const base = withTrailingSlash(dir.baseURL || "/");
+			if (!url.startsWith(base)) continue;
+			if (existsSync(cleaned.replace(base, withTrailingSlash(dir.dir)))) return true;
 		}
 		return false;
 	}
@@ -264,8 +253,8 @@ var SSRStylesPlugin = class {
 		});
 	}
 	emitServerStyles(compilation) {
-		const { webpack: webpack$1 } = compilation.compiler;
-		const stage = webpack$1.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE;
+		const { webpack } = compilation.compiler;
+		const stage = webpack.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE;
 		compilation.hooks.processAssets.tap({
 			name: "SSRStylesPlugin",
 			stage
@@ -295,10 +284,10 @@ var SSRStylesPlugin = class {
 				if (vueStyles.length) collected.set(rel, new Set(vueStyles));
 			}
 			const emitted = {};
-			const rawSource = webpack$1.sources.RawSource;
+			const rawSource = webpack.sources.RawSource;
 			for (const [rel, cssSet] of collected.entries()) {
 				if (!cssSet.size) continue;
-				const transformed = Array.from(cssSet).map((style$1) => this.rewriteStyle(style$1, nitro));
+				const transformed = Array.from(cssSet).map((style) => this.rewriteStyle(style, nitro));
 				const needsPublicAssets = transformed.some((t) => t.needsPublicAsset);
 				const needsBuildAssets = transformed.some((t) => t.needsBuildAsset);
 				const imports = [];
@@ -365,8 +354,8 @@ var SSRStylesPlugin = class {
 		});
 	}
 	collectCSS(compilation) {
-		const { webpack: webpack$1 } = compilation.compiler;
-		const stage = compilation.compiler.options.name === "server" ? webpack$1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS : webpack$1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER;
+		const { webpack } = compilation.compiler;
+		const stage = compilation.compiler.options.name === "server" ? webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS : webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER;
 		const chunkCSSMeta = /* @__PURE__ */ new Map();
 		compilation.hooks.processAssets.tap({
 			name: "SSRStylesPlugin",
@@ -425,9 +414,6 @@ var SSRStylesPlugin = class {
 		return cssChunks;
 	}
 };
-
-//#endregion
-//#region src/utils/mfs.ts
 function createMFS() {
 	const _fs = { ...createFsFromVolume(new Volume()) };
 	_fs.join = join;
@@ -435,24 +421,17 @@ function createMFS() {
 	_fs.readFile = pify(_fs.readFile);
 	return _fs;
 }
-
-//#endregion
-//#region src/utils/index.ts
-/** @since 3.9.0 */
 function toArray(value) {
 	return Array.isArray(value) ? value : [value];
 }
-
-//#endregion
-//#region src/utils/config.ts
-function createWebpackConfigContext(nuxt$1) {
+function createWebpackConfigContext(nuxt) {
 	return {
-		nuxt: nuxt$1,
-		options: nuxt$1.options,
-		userConfig: nuxt$1.options.webpack,
+		nuxt,
+		options: nuxt.options,
+		userConfig: nuxt.options.webpack,
 		config: {},
 		name: "base",
-		isDev: nuxt$1.options.dev,
+		isDev: nuxt.options.dev,
 		isServer: false,
 		isClient: false,
 		alias: {},
@@ -464,17 +443,14 @@ async function applyPresets(ctx, presets) {
 	else await preset(ctx);
 }
 function fileName(ctx, key) {
-	let fileName$1 = ctx.userConfig.filenames[key];
-	if (typeof fileName$1 === "function") fileName$1 = fileName$1(ctx);
-	if (typeof fileName$1 === "string" && ctx.options.dev) {
-		const hash$1 = /\[(chunkhash|contenthash|hash)(?::\d+)?\]/.exec(fileName$1);
-		if (hash$1) logger.warn(`Notice: Please do not use ${hash$1[1]} in dev mode to prevent memory leak`);
+	let fileName = ctx.userConfig.filenames[key];
+	if (typeof fileName === "function") fileName = fileName(ctx);
+	if (typeof fileName === "string" && ctx.options.dev) {
+		const hash = /\[(chunkhash|contenthash|hash)(?::\d+)?\]/.exec(fileName);
+		if (hash) logger.warn(`Notice: Please do not use ${hash[1]} in dev mode to prevent memory leak`);
 	}
-	return fileName$1;
+	return fileName;
 }
-
-//#endregion
-//#region src/presets/assets.ts
 function assets(ctx) {
 	ctx.config.module.rules.push({
 		test: /\.(png|jpe?g|gif|svg|webp)$/i,
@@ -505,9 +481,6 @@ function assets(ctx) {
 		}]
 	});
 }
-
-//#endregion
-//#region src/plugins/warning-ignore.ts
 var WarningIgnorePlugin = class {
 	filter;
 	constructor(filter) {
@@ -519,13 +492,6 @@ var WarningIgnorePlugin = class {
 		});
 	}
 };
-
-//#endregion
-//#region src/plugins/vue/util.ts
-/**
-* This file is based on Vue.js (MIT) webpack plugins
-* https://github.com/vuejs/vue/blob/dev/src/server/webpack-plugin/util.js
-*/
 const validate = (compiler) => {
 	if (compiler.options.target !== "node") logger.warn("webpack config `target` should be \"node\".");
 	if (!compiler.options.externals) logger.info("It is recommended to externalize dependencies in the server build for better build performance.");
@@ -536,36 +502,28 @@ const extractQueryPartJS = (file) => isJSRegExp.exec(file)?.[1];
 const isCSSRegExp = /\.css(?:\?[^.]+)?$/;
 const isCSS = (file) => isCSSRegExp.test(file);
 const isHotUpdate = (file) => file.includes("hot-update");
-
-//#endregion
-//#region src/plugins/rollup-compat-dynamic-import.ts
 const DYNAMIC_IMPORT_RE = /import\([^)]*\+\s*__webpack_require__[^+]*\)\.then/;
 const DYNAMIC_IMPORT_REPLACE_RE = /import\([^)]*\+\s*(__webpack_require__[^+]*)\)\.then/g;
 const HELPER_FILENAME = "_dynamic-import-helper.mjs";
 const HELPER_IMPORT = `import { _rollupDynamicImport } from "./${HELPER_FILENAME}";\n`;
-/**
-* Webpack plugin that generates rollup-compatible dynamic imports.
-* This plugin uses webpack's native compilation hooks to override dynamic import generation
-* and create rollup-compatible code directly during webpack's compilation process.
-*/
 var RollupCompatDynamicImportPlugin = class {
 	apply(compiler) {
 		compiler.hooks.compilation.tap("RollupCompatDynamicImportPlugin", (compilation) => {
 			compilation.hooks.processAssets.tapAsync({
 				name: "RollupCompatDynamicImportPlugin",
 				stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_INLINE
-			}, (assets$1, callback) => {
+			}, (assets, callback) => {
 				try {
 					const targetFiles = /* @__PURE__ */ new Set();
 					for (const chunk of compilation.chunks) if (chunk.canBeInitial() || chunk.hasRuntime()) for (const file of chunk.files || []) targetFiles.add(file);
-					for (const [filename, asset] of Object.entries(assets$1)) {
+					for (const [filename, asset] of Object.entries(assets)) {
 						if (!isJS(filename)) continue;
 						if (!targetFiles.has(filename)) continue;
 						const source = asset.source();
 						const originalCode = typeof source === "string" ? source : source.toString();
 						if (!DYNAMIC_IMPORT_RE.test(originalCode)) continue;
 						const transformedCode = this.transformDynamicImports(originalCode);
-						if (transformedCode !== originalCode) assets$1[filename] = new compiler.webpack.sources.RawSource(transformedCode);
+						if (transformedCode !== originalCode) assets[filename] = new compiler.webpack.sources.RawSource(transformedCode);
 					}
 					this.generateDynamicImportHelper(compilation);
 					callback();
@@ -615,9 +573,6 @@ export function _rollupDynamicImport(chunkId) {
 `;
 	}
 };
-
-//#endregion
-//#region src/presets/base.ts
 async function base(ctx) {
 	await applyPresets(ctx, [
 		baseAlias,
@@ -788,9 +743,6 @@ const statsMap = {
 	info: "normal",
 	verbose: "verbose"
 };
-
-//#endregion
-//#region src/presets/esbuild.ts
 function esbuild(ctx) {
 	const target = ctx.isServer ? "es2020" : "chrome85";
 	ctx.config.optimization.minimizer.push(new EsbuildPlugin());
@@ -818,9 +770,6 @@ function esbuild(ctx) {
 		}
 	});
 }
-
-//#endregion
-//#region src/presets/pug.ts
 function pug(ctx) {
 	ctx.config.module.rules.push({
 		test: /\.pug$/i,
@@ -836,35 +785,32 @@ function pug(ctx) {
 		}] }]
 	});
 }
-
-//#endregion
-//#region src/utils/postcss.ts
 const isPureObject = (obj) => obj !== null && !Array.isArray(obj) && typeof obj === "object";
 function sortPlugins({ plugins, order }) {
 	const names = Object.keys(plugins);
 	return typeof order === "function" ? order(names) : order || names;
 }
-async function getPostcssConfig(nuxt$1) {
-	if (!nuxt$1.options.webpack.postcss || !nuxt$1.options.postcss) return false;
-	const postcssOptions = defu({}, nuxt$1.options.postcss, {
+async function getPostcssConfig(nuxt) {
+	if (!nuxt.options.webpack.postcss || !nuxt.options.postcss) return false;
+	const postcssOptions = defu({}, nuxt.options.postcss, {
 		plugins: {
 			"postcss-import": { resolve: createResolver({
-				alias: { ...nuxt$1.options.alias },
-				modules: nuxt$1.options.modulesDir
+				alias: { ...nuxt.options.alias },
+				modules: nuxt.options.modulesDir
 			}) },
 			"postcss-url": {}
 		},
-		sourceMap: nuxt$1.options.webpack.cssSourceMap
+		sourceMap: nuxt.options.webpack.cssSourceMap
 	});
-	const jiti = createJiti(nuxt$1.options.rootDir, { alias: nuxt$1.options.alias });
+	const jiti = createJiti(nuxt.options.rootDir, { alias: nuxt.options.alias });
 	if (!Array.isArray(postcssOptions.plugins) && isPureObject(postcssOptions.plugins)) {
 		const plugins = [];
-		for (const pluginName$1 of sortPlugins(postcssOptions)) {
-			const pluginOptions = postcssOptions.plugins[pluginName$1];
+		for (const pluginName of sortPlugins(postcssOptions)) {
+			const pluginOptions = postcssOptions.plugins[pluginName];
 			if (!pluginOptions) continue;
 			let pluginFn;
-			for (const parentURL of nuxt$1.options.modulesDir) {
-				pluginFn = await jiti.import(pluginName$1, {
+			for (const parentURL of nuxt.options.modulesDir) {
+				pluginFn = await jiti.import(pluginName, {
 					parentURL: parentURL.replace(/\/node_modules\/?$/, ""),
 					try: true,
 					default: true
@@ -874,19 +820,16 @@ async function getPostcssConfig(nuxt$1) {
 					break;
 				}
 			}
-			if (typeof pluginFn !== "function") console.warn(`[nuxt] could not import postcss plugin \`${pluginName$1}\`. Please report this as a bug.`);
+			if (typeof pluginFn !== "function") console.warn(`[nuxt] could not import postcss plugin \`${pluginName}\`. Please report this as a bug.`);
 		}
 		postcssOptions.plugins = plugins;
 	}
 	return {
-		sourceMap: nuxt$1.options.webpack.cssSourceMap,
-		...nuxt$1.options.webpack.postcss,
+		sourceMap: nuxt.options.webpack.cssSourceMap,
+		...nuxt.options.webpack.postcss,
 		postcssOptions
 	};
 }
-
-//#endregion
-//#region src/presets/style.ts
 async function style(ctx) {
 	await applyPresets(ctx, [
 		loaders,
@@ -966,13 +909,6 @@ async function createPostcssLoadersRule(ctx) {
 		options: config
 	};
 }
-
-//#endregion
-//#region src/plugins/vue/client.ts
-/**
-* This file is based on Vue.js (MIT) webpack plugins
-* https://github.com/vuejs/vue/blob/dev/src/server/webpack-plugin/client.js
-*/
 var VueSSRClientPlugin = class {
 	serverDist;
 	nuxt;
@@ -990,9 +926,9 @@ var VueSSRClientPlugin = class {
 			const stats = compilation.getStats().toJson();
 			const context = this.nuxt.options.srcDir;
 			const initialFiles = /* @__PURE__ */ new Set();
-			for (const { assets: assets$1 } of Object.values(stats.entrypoints)) {
-				if (!assets$1) continue;
-				for (const asset of assets$1) {
+			for (const { assets } of Object.values(stats.entrypoints)) {
+				if (!assets) continue;
+				for (const asset of assets) {
 					const file = asset.name;
 					if ((isJS(file) || isCSS(file)) && !isHotUpdate(file)) initialFiles.add(file);
 				}
@@ -1038,11 +974,11 @@ var VueSSRClientPlugin = class {
 				const files = Array.from(filesSet);
 				webpackManifest.modules[relativeId] = files;
 				if (Array.isArray(m.modules)) for (const concatenatedModule of m.modules) {
-					const relativeId$1 = this.getRelativeModuleId(concatenatedModule.identifier, context);
-					webpackManifest.modules[relativeId$1] ||= files;
+					const relativeId = this.getRelativeModuleId(concatenatedModule.identifier, context);
+					webpackManifest.modules[relativeId] ||= files;
 				}
 				if (stats.modules) {
-					for (const m$1 of stats.modules) if (m$1.assets?.length && m$1.chunks?.includes(cid)) files.push(...m$1.assets.map(fileToIndex));
+					for (const m of stats.modules) if (m.assets?.length && m.chunks?.includes(cid)) files.push(...m.assets.map(fileToIndex));
 				}
 			}
 			const manifest = normalizeWebpackManifest(webpackManifest);
@@ -1055,9 +991,6 @@ var VueSSRClientPlugin = class {
 		});
 	}
 };
-
-//#endregion
-//#region src/plugins/vue/server.ts
 const JS_MAP_RE = /\.js\.map$/;
 var VueSSRServerPlugin = class {
 	options;
@@ -1070,7 +1003,7 @@ var VueSSRServerPlugin = class {
 			compilation.hooks.processAssets.tapAsync({
 				name: "VueSSRServerPlugin",
 				stage: webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
-			}, (assets$1, cb) => {
+			}, (assets, cb) => {
 				const stats = compilation.getStats().toJson();
 				const [entryName] = Object.keys(stats.entrypoints);
 				const entryInfo = stats.entrypoints[entryName];
@@ -1079,24 +1012,24 @@ var VueSSRServerPlugin = class {
 				if (entryAssets.length > 1) throw new Error("Server-side bundle should have one single entry file. Avoid using CommonsChunkPlugin in the server config.");
 				const [entry] = entryAssets;
 				if (!entry || typeof entry.name !== "string") throw new Error(`Entry "${entryName}" not found. Did you specify the correct entry option?`);
-				const bundle$1 = {
+				const bundle = {
 					entry: entry.name,
 					files: {},
 					maps: {}
 				};
 				for (const asset of stats.assets) if (isJS(asset.name)) {
 					const queryPart = extractQueryPartJS(asset.name);
-					if (queryPart !== void 0) bundle$1.files[asset.name] = asset.name.replace(queryPart, "");
-					else bundle$1.files[asset.name] = asset.name;
-				} else if (JS_MAP_RE.test(asset.name)) bundle$1.maps[asset.name.replace(/\.map$/, "")] = asset.name;
-				else delete assets$1[asset.name];
-				const src = JSON.stringify(bundle$1, null, 2);
-				assets$1[this.options.filename] = {
+					if (queryPart !== void 0) bundle.files[asset.name] = asset.name.replace(queryPart, "");
+					else bundle.files[asset.name] = asset.name;
+				} else if (JS_MAP_RE.test(asset.name)) bundle.maps[asset.name.replace(/\.map$/, "")] = asset.name;
+				else delete assets[asset.name];
+				const src = JSON.stringify(bundle, null, 2);
+				assets[this.options.filename] = {
 					source: () => src,
 					size: () => src.length
 				};
 				const mjsSrc = "export default " + src;
-				assets$1[this.options.filename.replace(".json", ".mjs")] = {
+				assets[this.options.filename.replace(".json", ".mjs")] = {
 					source: () => mjsSrc,
 					map: () => null,
 					size: () => mjsSrc.length
@@ -1106,9 +1039,6 @@ var VueSSRServerPlugin = class {
 		});
 	}
 };
-
-//#endregion
-//#region src/presets/vue.ts
 function vue(ctx) {
 	ctx.config.plugins.push(new (VueLoaderPlugin.default || VueLoaderPlugin)());
 	ctx.config.module.rules.push({
@@ -1138,9 +1068,6 @@ function vue(ctx) {
 		"__VUE_PROD_HYDRATION_MISMATCH_DETAILS__": ctx.nuxt.options.debug && ctx.nuxt.options.debug.hydration
 	}));
 }
-
-//#endregion
-//#region src/presets/nuxt.ts
 async function nuxt(ctx) {
 	await applyPresets(ctx, [
 		base,
@@ -1151,9 +1078,6 @@ async function nuxt(ctx) {
 		vue
 	]);
 }
-
-//#endregion
-//#region src/configs/client.ts
 async function client(ctx) {
 	ctx.name = "client";
 	ctx.isClient = true;
@@ -1259,9 +1183,6 @@ function clientPlugins(ctx) {
 		if (!ctx.nuxt.options.test && (ctx.nuxt.options.typescript.typeCheck === true || ctx.nuxt.options.typescript.typeCheck === "build" && !ctx.nuxt.options.dev)) ctx.config.plugins.push(new TsCheckerPlugin({ logger }));
 	}
 }
-
-//#endregion
-//#region src/presets/node.ts
 function node(ctx) {
 	ctx.config.target = "node";
 	ctx.config.node = false;
@@ -1290,9 +1211,6 @@ function node(ctx) {
 		maxAssetSize: Number.POSITIVE_INFINITY
 	};
 }
-
-//#endregion
-//#region src/configs/server.ts
 const assetPattern = /\.(?:css|s[ca]ss|png|jpe?g|gif|svg|woff2?|eot|ttf|otf|webp|webm|mp4|ogv)(?:\?.*)?$/i;
 const VIRTUAL_RE = /^\0?virtual:(?:nuxt:)?/;
 async function server(ctx) {
@@ -1382,117 +1300,117 @@ function serverPlugins(ctx) {
 	}));
 	if (!ctx.nuxt.options.test && (ctx.nuxt.options.typescript.typeCheck === true || ctx.nuxt.options.typescript.typeCheck === "build" && !ctx.nuxt.options.dev)) ctx.config.plugins.push(new TsCheckerPlugin({ logger }));
 }
-
-//#endregion
-//#region src/webpack.ts
-const bundle = async (nuxt$1) => {
-	const webpackConfigs = await Promise.all([client, ...nuxt$1.options.ssr ? [server] : []].map(async (preset) => {
-		const ctx = createWebpackConfigContext(nuxt$1);
-		ctx.userConfig = defu(nuxt$1.options.webpack[`$${preset.name}`], ctx.userConfig);
+const bundle = async (nuxt) => {
+	const webpackConfigs = await Promise.all([client, ...nuxt.options.ssr ? [server] : []].map(async (preset) => {
+		const ctx = createWebpackConfigContext(nuxt);
+		ctx.userConfig = defu(nuxt.options.webpack[`$${preset.name}`], ctx.userConfig);
 		await applyPresets(ctx, preset);
 		return ctx.config;
 	}));
-	/** Remove Nitro rollup plugin for handling dynamic imports from webpack chunks */
-	if (!nuxt$1.options.dev) useNitro().hooks.hook("rollup:before", (_nitro, config) => {
+	if (!nuxt.options.dev) useNitro().hooks.hook("rollup:before", (_nitro, config) => {
 		const plugins = config.plugins;
 		const existingPlugin = plugins.findIndex((i) => i && "name" in i && i.name === "dynamic-require");
 		if (existingPlugin >= 0) plugins.splice(existingPlugin, 1);
 	});
-	await nuxt$1.callHook(`${builder}:config`, webpackConfigs);
-	const mfs = nuxt$1.options.dev ? createMFS() : null;
-	const ssrStylesPlugin = nuxt$1.options.ssr && !nuxt$1.options.dev && nuxt$1.options.features.inlineStyles ? new SSRStylesPlugin(nuxt$1) : null;
+	await nuxt.callHook(`${builder}:config`, webpackConfigs);
+	const mfs = nuxt.options.dev ? createMFS() : null;
+	const ssrStylesPlugin = nuxt.options.ssr && !nuxt.options.dev && nuxt.options.features.inlineStyles ? new SSRStylesPlugin(nuxt) : null;
 	for (const config of webpackConfigs) {
-		config.plugins.push(DynamicBasePlugin.webpack({ sourcemap: !!nuxt$1.options.sourcemap[config.name] }));
-		if (config.name === "client" && nuxt$1.options.experimental.emitRouteChunkError && nuxt$1.options.builder !== "@nuxt/rspack-builder") config.plugins.push(new ChunkErrorPlugin());
+		config.plugins.push(DynamicBasePlugin.webpack({ sourcemap: !!nuxt.options.sourcemap[config.name] }));
+		if (config.name === "client" && nuxt.options.experimental.emitRouteChunkError && nuxt.options.builder !== "@nuxt/rspack-builder") config.plugins.push(new ChunkErrorPlugin());
 		if (ssrStylesPlugin) config.plugins.push(ssrStylesPlugin);
 	}
-	await nuxt$1.callHook(`${builder}:configResolved`, webpackConfigs);
+	await nuxt.callHook(`${builder}:configResolved`, webpackConfigs);
 	const compilers = webpackConfigs.map((config) => {
 		const compiler = webpack(config);
-		if (nuxt$1.options.dev && compiler) compiler.outputFileSystem = mfs;
+		if (nuxt.options.dev && compiler) compiler.outputFileSystem = mfs;
 		return compiler;
 	});
-	nuxt$1.hook("close", async () => {
-		for (const compiler of compilers) await new Promise((resolve$1) => compiler.close(resolve$1));
+	nuxt.hook("close", async () => {
+		for (const compiler of compilers) await new Promise((resolve) => compiler.close(resolve));
 	});
-	if (nuxt$1.options.dev) {
+	if (nuxt.options.dev) {
 		await Promise.all(compilers.map((c) => compile(c)));
 		return;
 	}
 	for (const c of compilers) await compile(c);
 };
 async function createDevMiddleware(compiler) {
-	const nuxt$1 = useNuxt();
+	const nuxt = useNuxt();
 	logger.debug("Creating webpack middleware...");
 	const devMiddleware = webpackDevMiddleware(compiler, {
-		publicPath: joinURL(nuxt$1.options.app.baseURL, nuxt$1.options.app.buildAssetsDir),
+		publicPath: joinURL(nuxt.options.app.baseURL, nuxt.options.app.buildAssetsDir),
 		outputFileSystem: compiler.outputFileSystem,
 		stats: "none",
-		...nuxt$1.options.webpack.devMiddleware
+		...nuxt.options.webpack.devMiddleware
 	});
-	nuxt$1.hook("close", () => pify(devMiddleware.close.bind(devMiddleware))());
-	const { client: _client, ...hotMiddlewareOptions } = nuxt$1.options.webpack.hotMiddleware || {};
+	nuxt.hook("close", () => pify(devMiddleware.close.bind(devMiddleware))());
+	const { client: _client, ...hotMiddlewareOptions } = nuxt.options.webpack.hotMiddleware || {};
 	const hotMiddleware = webpackHotMiddleware(compiler, {
 		log: false,
 		heartbeat: 1e4,
-		path: joinURL(nuxt$1.options.app.baseURL, "__webpack_hmr", compiler.options.name),
+		path: joinURL(nuxt.options.app.baseURL, "__webpack_hmr", compiler.options.name),
 		...hotMiddlewareOptions
 	});
 	const devHandler = wdmToH3Handler(devMiddleware);
-	await nuxt$1.callHook("server:devHandler", defineEventHandler(async (event) => {
+	await nuxt.callHook("server:devHandler", defineEventHandler(async (event) => {
 		const body = await devHandler(event);
 		if (body !== void 0) return body;
 		const { req, res } = "runtime" in event ? event.runtime.node : event.node;
-		await new Promise((resolve$1, reject) => hotMiddleware(req, res, (err) => err ? reject(err) : resolve$1()));
+		await new Promise((resolve, reject) => hotMiddleware(req, res, (err) => err ? reject(err) : resolve()));
 	}), { cors: () => true });
 	return devMiddleware;
 }
 function wdmToH3Handler(devMiddleware) {
 	return defineEventHandler(async (event) => {
 		const { req, res } = "runtime" in event ? event.runtime.node : event.node;
-		if (req.headers["sec-fetch-mode"] === "no-cors" && req.headers["sec-fetch-site"] === "cross-site") throw { status: 403 };
+		if (req.headers["sec-fetch-mode"] === "no-cors" && req.headers["sec-fetch-site"] === "cross-site") {
+			res.statusCode = 403;
+			res.end("Forbidden");
+			return;
+		}
 		event.context.webpack = {
 			...event.context.webpack,
 			devMiddleware: devMiddleware.context
 		};
-		return await new Promise((resolve$1, reject) => {
+		return await new Promise((resolve, reject) => {
 			res.stream = (stream) => {
-				resolve$1(stream);
+				resolve(stream);
 			};
 			res.send = (data) => {
-				resolve$1(data);
+				resolve(data);
 			};
 			res.finish = (data) => {
-				resolve$1(data);
+				resolve(data);
 			};
 			devMiddleware(req, res, (err) => {
 				if (err) reject(err);
-				else resolve$1(void 0);
+				else resolve(void 0);
 			});
 		});
 	});
 }
 async function compile(compiler) {
-	const nuxt$1 = useNuxt();
-	await nuxt$1.callHook(`${builder}:compile`, {
+	const nuxt = useNuxt();
+	await nuxt.callHook(`${builder}:compile`, {
 		name: compiler.options.name,
 		compiler
 	});
-	compiler.hooks.done.tap("load-resources", async (stats$1) => {
-		await nuxt$1.callHook(`${builder}:compiled`, {
+	compiler.hooks.done.tap("load-resources", async (stats) => {
+		await nuxt.callHook(`${builder}:compiled`, {
 			name: compiler.options.name,
 			compiler,
-			stats: stats$1
+			stats
 		});
 	});
-	if (nuxt$1.options.dev) {
+	if (nuxt.options.dev) {
 		const compilersWatching = [];
-		nuxt$1.hook("close", async () => {
+		nuxt.hook("close", async () => {
 			await Promise.all(compilersWatching.map((watching) => watching && pify(watching.close.bind(watching))()));
 		});
-		if (compiler.options.name === "client") return new Promise((resolve$1, reject) => {
+		if (compiler.options.name === "client") return new Promise((resolve, reject) => {
 			compiler.hooks.done.tap("nuxt-dev", () => {
-				resolve$1(null);
+				resolve(null);
 			});
 			compiler.hooks.failed.tap("nuxt-errorlog", (err) => {
 				reject(err);
@@ -1501,15 +1419,15 @@ async function compile(compiler) {
 				if (devMiddleware.context.watching) compilersWatching.push(devMiddleware.context.watching);
 			});
 		});
-		return new Promise((resolve$1, reject) => {
-			const watching = compiler.watch(nuxt$1.options.watchers.webpack, (err) => {
+		return new Promise((resolve, reject) => {
+			const watching = compiler.watch(nuxt.options.watchers.webpack, (err) => {
 				if (err) return reject(err);
-				resolve$1(null);
+				resolve(null);
 			});
 			compilersWatching.push(watching);
 		});
 	}
-	const stats = await new Promise((resolve$1, reject) => compiler.run((err, stats$1) => err ? reject(err) : resolve$1(stats$1)));
+	const stats = await new Promise((resolve, reject) => compiler.run((err, stats) => err ? reject(err) : resolve(stats)));
 	if (stats.hasErrors()) {
 		const error = /* @__PURE__ */ new Error("Nuxt build error");
 		error.stack = stats.toString("errors-only");
@@ -1519,6 +1437,4 @@ async function compile(compiler) {
 function defineEventHandler(handler) {
 	return Object.assign(handler, { __is_handler__: true });
 }
-
-//#endregion
-export { bundle };
+export { bundle };