weapp-vite 7.1.2 → 7.1.4

package/dist/{createContext-BYZnlk4j.mjs → createContext-CsYIo9DO.mjs}

@@ -1,5 +1,5 @@
 import { n as applyWeappViteHostMeta } from "./pluginHost--CaeyWpA.mjs";
-import { E as MINI_PROGRAM_PLATFORM_ADAPTERS, _ as templateExtensions, a as findJsonEntry, b as isNativeTemplateSource, c as isJsOrTs, d as touch, g as supportedCssLangs, h as scriptExtensions, i as findJsEntry, l as isTemplate, m as jsExtensions, n as changeFileExtension, o as findTemplateEntry, p as configExtensions, r as findCssEntry, s as findVueEntry, t as extractConfigFromVue, v as vueExtensions, w as inlineAutoRoutesImports, x as isSourceStyleExtension, y as ALL_NATIVE_STYLE_RESOLVER_EXTENSIONS } from "./file-CLo_LdAz.mjs";
+import { E as MINI_PROGRAM_PLATFORM_ADAPTERS, _ as templateExtensions, a as findJsonEntry, b as isNativeTemplateSource, c as isJsOrTs, d as touch, g as supportedCssLangs, h as scriptExtensions, i as findJsEntry, l as isTemplate, m as jsExtensions, n as changeFileExtension, o as findTemplateEntry, p as configExtensions, r as findCssEntry, s as findVueEntry, t as extractConfigFromVue, v as vueExtensions, w as inlineAutoRoutesImports, x as isSourceStyleExtension, y as ALL_NATIVE_STYLE_RESOLVER_EXTENSIONS } from "./file-CHisoC18.mjs";
 import { n as configureLogger, r as logger_default } from "./logger-mt4mSTqV.mjs";
 import { createRequire, isBuiltin } from "node:module";
 import { createDebug } from "obug";
@@ -10199,6 +10199,7 @@ function createProviderPlugin(ctx, config, onChange) {
 async function createDevModuleGraphProvider(ctx, buildConfig, onChange) {
 	const configService = ctx.configService;
 	const userWatch = buildConfig.server?.watch;
+	const pollingWatchOptions = resolvePollingWatchOptions({ inlineConfig: configService?.inlineConfig ?? {} });
 	const ignored = configService?.outDir ? createViteWatchIgnored(buildConfig.root ?? configService.cwd, configService.outDir, userWatch?.ignored) : userWatch?.ignored;
 	const server = await createServer({
 		...buildConfig,
@@ -10213,6 +10214,7 @@ async function createDevModuleGraphProvider(ctx, buildConfig, onChange) {
 			middlewareMode: true,
 			watch: {
 				...userWatch ?? {},
+				...Object.fromEntries(Object.entries(pollingWatchOptions).filter(([, value]) => value !== void 0)),
 				...ignored !== void 0 ? { ignored } : {}
 			}
 		},
@@ -10229,6 +10231,73 @@ async function createDevModuleGraphProvider(ctx, buildConfig, onChange) {
 	} };
 }
 //#endregion
+//#region src/plugins/utils/vueSfc.ts
+function createSfcResolveSrcOptions(pluginCtx, configService) {
+	return {
+		resolveId: async (source, importer) => {
+			if (typeof pluginCtx.resolve !== "function") return;
+			return (await pluginCtx.resolve(source, importer))?.id;
+		},
+		checkMtime: getSfcCheckMtime(configService)
+	};
+}
+function createReadAndParseSfcOptions(pluginCtx, configService, options) {
+	const resolveCheckMtime = getSfcCheckMtime(configService);
+	return {
+		source: options?.source,
+		checkMtime: options?.checkMtime ?? resolveCheckMtime,
+		resolveSrc: createSfcResolveSrcOptions(pluginCtx, configService)
+	};
+}
+//#endregion
+//#region src/plugins/vue/transform/styleOnly.ts
+function hasCssModules(styleBlocks) {
+	return styleBlocks?.some((styleBlock) => Boolean(styleBlock.module)) === true;
+}
+function hasSameStyleSources(previous, current) {
+	return !previous?.some((block, index) => block.src !== current[index]?.src) && !current.some((block, index) => block.src !== previous?.[index]?.src);
+}
+function hasSameCssVars(previous, current) {
+	if (!previous || !current || previous.length !== current.length) return false;
+	return previous.every((expression, index) => expression === current[index]);
+}
+async function refreshStyleOnlyVueTransformResult(result, filename, styleBlocks, cssVars, stylePreprocessOptions) {
+	if (!styleBlocks || hasCssModules(styleBlocks) || !hasSameCssVars(result.meta?.cssVars, cssVars) || !hasSameStyleSources(result.meta?.styleBlocks, styleBlocks)) return false;
+	if (!styleBlocks.length) {
+		result.style = void 0;
+		if (result.meta) {
+			result.meta.cssVars = cssVars;
+			result.meta.styleBlocks = styleBlocks;
+		}
+		return true;
+	}
+	const scopedId = generateScopedId(filename);
+	result.style = (await Promise.all(styleBlocks.map(async (styleBlock) => await compileVueStyleToWxss(styleBlock, {
+		id: scopedId,
+		filename,
+		scoped: styleBlock.scoped,
+		modules: styleBlock.module,
+		preprocessOptions: stylePreprocessOptions?.[styleBlock.lang || "css"]
+	})))).map((result) => result.code.trim()).filter(Boolean).join("\n\n") || void 0;
+	if (result.meta) {
+		result.meta.cssVars = cssVars;
+		result.meta.styleBlocks = styleBlocks;
+	}
+	return true;
+}
+//#endregion
+//#region src/plugins/core/lifecycle/vueStyleDependency.ts
+/** 在原生入口发射前识别外部样式引起的脚本绑定变化。 */
+async function collectVueStyleScriptChanges(ctx, filename, configService) {
+	const changedEntries = /* @__PURE__ */ new Set();
+	for (const [entryId, bindings] of ctx.runtimeState.build.hmr.vueEntryStyleBindings) {
+		if (!bindings.sources.some((source) => normalizeFsResolvedId(source) === filename)) continue;
+		const { descriptor } = await readAndParseSfc(entryId, createReadAndParseSfcOptions(ctx.moduleGraphService, configService));
+		if (!hasSameCssVars(bindings.expressions, descriptor.cssVars)) changedEntries.add(entryId);
+	}
+	return changedEntries;
+}
+//#endregion
 //#region src/plugins/tailwindcssMarker.ts
 const MANAGED_TAILWINDCSS_ENTRY_MARKER_PREFIX = ".__weapp_vite_managed_tailwindcss_entry_";
 const MANAGED_TAILWINDCSS_ENTRY_MARKER_SUFFIX = "__{--weapp-vite-managed-tailwindcss-entry:1}";
@@ -10411,6 +10480,9 @@ function resolveHmrRuntimeDecision(options) {
 		runtime: "classic"
 	};
 }
+function resolveHmrRuntime(options) {
+	return resolveHmrRuntimeDecision(options).runtime;
+}
 function findSkylineRendererFiles(output) {
 	const jsonConfigs = /* @__PURE__ */ new Map();
 	for (const item of output) {
@@ -11446,6 +11518,7 @@ function createRuntimeState() {
 				entriesMap: /* @__PURE__ */ new Map(),
 				vueEntryHasTemplate: /* @__PURE__ */ new Map(),
 				vueEntrySfcSignatures: /* @__PURE__ */ new Map(),
+				vueEntryStyleBindings: /* @__PURE__ */ new Map(),
 				vueEntryTailwindContentSignatures: /* @__PURE__ */ new Map(),
 				vueEntryTailwindTemplateContentSignatures: /* @__PURE__ */ new Map(),
 				vueEntryTailwindScriptContentSignatures: /* @__PURE__ */ new Map(),
@@ -13116,6 +13189,29 @@ function createPreserveModulesGroup(configService, getSubPackageRoots) {
 	};
 }
 //#endregion
+//#region src/runtime/sharedBuildConfig/virtualChunk.ts
+/** 虚拟模块的完整路径只作为标识参与散列，避免泄漏到文件名并超过文件系统长度限制。 */
+function resolveVirtualChunkFileName(chunk, root) {
+	const ids = chunk.facadeModuleId ? [chunk.facadeModuleId] : chunk.moduleIds ?? [];
+	if (ids.length !== 1) return;
+	const id = ids[0];
+	const entry = parseLogicalEntryId(id);
+	const sidecar = parseSidecarModuleId(id);
+	const identity = entry ? [
+		"entry",
+		entry.type,
+		path.relative(root, entry.sourceId)
+	] : sidecar ? [
+		"sidecar",
+		sidecar.kind,
+		path.relative(root, sidecar.ownerId),
+		path.relative(root, sidecar.sourceId)
+	] : void 0;
+	if (!identity) return;
+	const hash = createHash("sha256").update(JSON.stringify(identity)).digest("hex").slice(0, 16);
+	return `weapp-${identity[0]}-${identity[1]}-${hash}.js`;
+}
+//#endregion
 //#region src/runtime/wevuModules.ts
 const WEVU_RUNTIME_MODULE_IDS = [
 	"wevu",
@@ -13451,7 +13547,7 @@ function createSharedBuildOutput(configService, getSubPackageRoots, options = {}
 				const stableHashedDistChunkFileName = resolveStableHashedDistChunkFileName(chunk);
 				if (stableHashedDistChunkFileName) return stableHashedDistChunkFileName;
 			}
-			return "[name].js";
+			return resolveVirtualChunkFileName(chunk, configService.absoluteSrcRoot) ?? "[name].js";
 		}
 	};
 }
@@ -14207,37 +14303,6 @@ function isStatefulHmrRuntimeCompatibilityError(error) {
 	return error instanceof StatefulHmrRuntimeCompatibilityError || typeof error === "object" && error !== null && Reflect.get(error, "code") === "WEAPP_VITE_STATEFUL_HMR_RUNTIME_INCOMPATIBLE";
 }
 //#endregion
-//#region src/runtime/statefulHmr/componentPageStyles.ts
-/** 以完整产物中的最终 JSON 覆盖注册选项，只接纳已确认的 Component 页面。 */
-function resolveComponentPageGlobalStyleRoutes(output, pageOptions) {
-	const assets = new Map(output.flatMap((item) => item.type === "asset" ? [[item.fileName, item]] : []));
-	const appAsset = assets.get("app.json");
-	const appConfig = appAsset ? JSON.parse(Buffer.from(appAsset.source).toString("utf8")) : void 0;
-	const independentRoots = [];
-	if (appConfig && typeof appConfig === "object" && !Array.isArray(appConfig)) {
-		const config = appConfig;
-		for (const key of ["subPackages", "subpackages"]) {
-			const packages = config[key];
-			if (!Array.isArray(packages)) continue;
-			for (const entry of packages) if (entry && typeof entry === "object" && "independent" in entry && entry.independent === true && "root" in entry && typeof entry.root === "string") independentRoots.push(path.normalize(entry.root).replace(/^\/+|\/+$/g, ""));
-		}
-	}
-	const routes = [];
-	for (const [sourceRoute, options] of pageOptions) {
-		const route = path.normalize(sourceRoute);
-		if (independentRoots.some((root) => route === root || route.startsWith(`${root}/`))) continue;
-		const jsonAsset = assets.get(`${route}.json`);
-		let isolation = options.styleIsolation.kind === "known" ? options.styleIsolation.value : void 0;
-		if (jsonAsset) {
-			const config = JSON.parse(Buffer.from(jsonAsset.source).toString("utf8"));
-			if (config === null || typeof config !== "object" || Array.isArray(config)) throw new Error(`Invalid Component page JSON: ${route}.json`);
-			if ("styleIsolation" in config && config.styleIsolation !== void 0) isolation = config.styleIsolation;
-		}
-		if (isolation === "apply-shared") routes.push(route);
-	}
-	return routes.sort();
-}
-//#endregion
 //#region src/plugins/hooks/useLoadEntry/entryChunkLifecycle.ts
 const ENTRY_GRAPH_CHANGE_REASON = "entry-graph-changed";
 /** 入口注册属于完整扫描；局部扫描只能复用已注册入口或请求重建入口图。 */
@@ -14939,6 +15004,21 @@ function normalizeRoute(route) {
 }
 const globalStart = `/* ${WEAPP_VITE_STATEFUL_HMR_GLOBAL_STYLE_BASENAME}:start */\n`;
 const globalEnd = `\n/* ${WEAPP_VITE_STATEFUL_HMR_GLOBAL_STYLE_BASENAME}:end */\n`;
+const pageStyleRefreshMarkerPrefix = ".weapp-vite-stateful-hmr-style-";
+function pageStyleRefreshMarker(token) {
+	return `${pageStyleRefreshMarkerPrefix}${token} { --weapp-vite-stateful-hmr-style-token: ${token}; }\n`;
+}
+function stripPageStyleRefreshMarker(source) {
+	const markerStart = source.lastIndexOf(pageStyleRefreshMarkerPrefix);
+	if (markerStart < 0 || !source.endsWith(" }\n")) return source;
+	const markerEnd = source.indexOf(" {", markerStart);
+	if (markerEnd < 0) return source;
+	const token = source.slice(markerStart + 31, markerEnd);
+	return /^[a-f0-9]+$/.test(token) ? source.slice(0, markerStart).replace(/\n$/, "") : source;
+}
+function styleRefreshToken(source) {
+	return createHash("sha256").update(source).digest("hex").slice(0, 16);
+}
 function localStyleSource(source) {
 	if (!source.startsWith(globalStart)) return source;
 	const end = source.indexOf(globalEnd, globalStart.length);
@@ -14979,7 +15059,7 @@ function createStatefulHmrGlobalStyleAssets(output, styleExtension, options = {}
 		const index = result.findIndex((item) => item.fileName === fileName);
 		const asset = result[index];
 		if (asset && asset.type !== "asset") throw new Error(`Stateful HMR component page stylesheet conflicts with emitted chunk: ${fileName}`);
-		const original = asset ? Buffer.from(asset.source).toString("utf8") : "";
+		const original = asset ? stripPageStyleRefreshMarker(Buffer.from(asset.source).toString("utf8")) : "";
 		const localSource = localStyleSource(original);
 		const source = routes.has(route) ? globalStart + rebase(styleFile, fileName) + globalEnd + localSource : localSource;
 		if (asset && original === source) continue;
@@ -14992,6 +15072,22 @@ function createStatefulHmrGlobalStyleAssets(output, styleExtension, options = {}
 		if (index >= 0) result[index] = next;
 		else result.push(next);
 	}
+	if (!options.refreshPageStyles) return result;
+	const globalStyle = result.find((item) => item.type === "asset" && item.fileName === styleFile);
+	const marker = pageStyleRefreshMarker(styleRefreshToken(globalStyle?.type === "asset" ? globalStyle.source : ""));
+	for (const [index, item] of result.entries()) {
+		if (item.type !== "asset" || path.extname(item.fileName) !== path.extname(styleFile) || !routes.has(item.fileName.slice(0, -path.extname(styleFile).length))) continue;
+		const original = Buffer.from(item.source).toString("utf8");
+		const source = stripPageStyleRefreshMarker(original);
+		if (!source) continue;
+		const nextSource = `${source}${source && !source.endsWith("\n") ? "\n" : ""}${marker}`;
+		if (original === nextSource) continue;
+		if (result === output) result = [...output];
+		result[index] = {
+			...item,
+			source: nextSource
+		};
+	}
 	return result;
 }
 //#endregion
@@ -17709,6 +17805,7 @@ async function runStatefulHmrDev(ctx, buildOptions, restart, snapshots) {
 			port: 0,
 			watch: {
 				...buildOptions.server?.watch ?? {},
+				...Object.fromEntries(Object.entries(pollingWatchOptions).filter(([, value]) => value !== void 0)),
 				ignored: createViteWatchIgnored(buildOptions.root ?? configService.cwd, configService.outDir, buildOptions.server?.watch?.ignored)
 			}
 		},
@@ -17851,7 +17948,10 @@ var StatefulHmrSession = class {
 			}
 			const snapshot = snapshotBatch?.snapshot ?? this.initialSnapshot;
 			const snapshotOutput = snapshot ? this.createSnapshotAssets(snapshot) : void 0;
-			const compatibleOutput = createStatefulHmrGlobalStyleAssets(await transformOutput(output), resolveOutputExtensions(this.ctx.configService?.outputExtensions).styleExtension, { componentPageGlobalStyleRoutes: snapshot?.componentPageGlobalStyleRoutes ?? this.componentPageGlobalStyleRoutes });
+			const compatibleOutput = createStatefulHmrGlobalStyleAssets(await transformOutput(output), resolveOutputExtensions(this.ctx.configService?.outputExtensions).styleExtension, {
+				componentPageGlobalStyleRoutes: snapshot?.componentPageGlobalStyleRoutes ?? this.componentPageGlobalStyleRoutes,
+				refreshPageStyles: true
+			});
 			if (snapshotBatch?.isSuperseded()) {
 				this.diagnostics?.discarded(snapshotBatch.traceBatchId, "after-transform");
 				return;
@@ -17911,7 +18011,7 @@ var StatefulHmrSession = class {
 			entryIds: this.entryIds
 		})) {
 			if (shouldRestartStatefulHmrServer(files, this.ctx.configService?.configFileDependencies)) this.requestServerRestart();
-			else if (files.length > 0 && files.every(isStatefulHmrAssetFile) || shouldUseStatefulHmrSnapshotOnly(dirtyReasonSummary)) {
+			else if (!dirtyReasonSummary.some((reason) => reason.startsWith("entry-mixed-asset:")) && (files.length > 0 && files.every(isStatefulHmrAssetFile) || shouldUseStatefulHmrSnapshotOnly(dirtyReasonSummary))) {
 				if (!this.snapshotScheduler.isPending()) this.requestSnapshotRefresh(files);
 			} else this.requestFullBuild(files);
 			return false;
@@ -18033,7 +18133,8 @@ var StatefulHmrSession = class {
 		return createStatefulHmrGlobalStyleAssets(snapshot.output, resolveOutputExtensions(this.ctx.configService?.outputExtensions).styleExtension, {
 			createIfMissing: true,
 			componentPageGlobalStyleRoutes: snapshot.componentPageGlobalStyleRoutes,
-			previousComponentPageGlobalStyleRoutes: this.componentPageGlobalStyleRoutes
+			previousComponentPageGlobalStyleRoutes: this.componentPageGlobalStyleRoutes,
+			refreshPageStyles: true
 		});
 	}
 	adoptSnapshot(snapshot, output) {
@@ -18175,6 +18276,65 @@ function formatStatefulHmrError(error) {
 	return String(error);
 }
 //#endregion
+//#region src/runtime/statefulHmr/componentPageStyles.ts
+function hasNativePageRegistration(code) {
+	if (!code.includes("Page")) return false;
+	let found = false;
+	traverse(parseJsLike(code), { CallExpression(callPath) {
+		const callee = callPath.node.callee;
+		if (callee.type === "Identifier" && callee.name === "Page" && !callPath.scope.hasBinding("Page")) {
+			found = true;
+			callPath.stop();
+		}
+	} });
+	return found;
+}
+/** 以最终 JSON 和注册方式确认继承全局样式的页面，保留独立分包与隔离边界。 */
+function resolveComponentPageGlobalStyleRoutes(output, pageOptions) {
+	const assets = new Map(output.flatMap((item) => item.type === "asset" ? [[item.fileName, item]] : []));
+	const appAsset = assets.get("app.json");
+	const appConfig = appAsset ? JSON.parse(Buffer.from(appAsset.source).toString("utf8")) : void 0;
+	const independentRoots = [];
+	const nativeCandidates = [];
+	if (appConfig && typeof appConfig === "object" && !Array.isArray(appConfig)) {
+		const config = appConfig;
+		if (Array.isArray(config.pages)) nativeCandidates.push(...config.pages.filter((route) => typeof route === "string"));
+		for (const key of ["subPackages", "subpackages"]) {
+			const packages = config[key];
+			if (!Array.isArray(packages)) continue;
+			for (const entry of packages) if (entry && typeof entry === "object" && "independent" in entry && entry.independent === true && "root" in entry && typeof entry.root === "string") independentRoots.push(path.normalize(entry.root).replace(/^\/+|\/+$/g, ""));
+			else if (entry && typeof entry === "object" && "root" in entry && typeof entry.root === "string" && "pages" in entry && Array.isArray(entry.pages)) nativeCandidates.push(...entry.pages.filter((route) => typeof route === "string").map((route) => path.join(entry.root, route)));
+		}
+	}
+	const routes = [];
+	const componentRoutes = new Set(Array.from(pageOptions.keys(), (route) => path.normalize(route)));
+	for (const [sourceRoute, options] of pageOptions) {
+		const route = path.normalize(sourceRoute);
+		if (independentRoots.some((root) => route === root || route.startsWith(`${root}/`))) continue;
+		const jsonAsset = assets.get(`${route}.json`);
+		let isolation = options.styleIsolation.kind === "known" ? options.styleIsolation.value : void 0;
+		if (jsonAsset) {
+			const config = JSON.parse(Buffer.from(jsonAsset.source).toString("utf8"));
+			if (config === null || typeof config !== "object" || Array.isArray(config)) throw new Error(`Invalid Component page JSON: ${route}.json`);
+			if ("styleIsolation" in config && config.styleIsolation !== void 0) isolation = config.styleIsolation;
+		}
+		if (isolation === "apply-shared") routes.push(route);
+	}
+	const chunks = new Map(output.flatMap((item) => item.type === "chunk" ? [[item.fileName, item]] : []));
+	for (const sourceRoute of nativeCandidates) {
+		const route = path.normalize(sourceRoute);
+		if (componentRoutes.has(route) || independentRoots.some((root) => route === root || route.startsWith(`${root}/`))) continue;
+		const chunk = chunks.get(`${route}.js`);
+		if (!chunk || !hasNativePageRegistration(chunk.code)) continue;
+		const json = assets.get(`${route}.json`);
+		const config = json ? JSON.parse(Buffer.from(json.source).toString("utf8")) : {};
+		if (!config || typeof config !== "object" || Array.isArray(config)) throw new Error(`Invalid native page JSON: ${route}.json`);
+		if ("component" in config && config.component === true) continue;
+		routes.push(route);
+	}
+	return [...new Set(routes)].sort();
+}
+//#endregion
 //#region src/runtime/statefulHmr/snapshotBuild.ts
 /** 快照独立编译；初始化到构建收尾均不写支持文件，由活动 DevEngine 统一维护。 */
 async function buildStatefulHmrSnapshot(loadOptions, configure = (options) => options) {
@@ -18184,7 +18344,16 @@ async function buildStatefulHmrSnapshot(loadOptions, configure = (options) => op
 		await ctx.configService.load(loadOptions);
 		await ctx.scanService.loadAppEntry();
 		ctx.scanService.loadSubPackages();
-		const options = configure(ctx.configService.merge(void 0, createSharedBuildConfig(ctx.configService, ctx.scanService)));
+		let globalStyleRoutes = [];
+		const baseOptions = ctx.configService.merge(void 0, createSharedBuildConfig(ctx.configService, ctx.scanService));
+		baseOptions.plugins = [...baseOptions.plugins ?? [], {
+			name: "weapp-vite:stateful-hmr-page-style-metadata",
+			enforce: "post",
+			generateBundle(_options, bundle) {
+				globalStyleRoutes = resolveComponentPageGlobalStyleRoutes(Object.values(bundle), ctx.runtimeState.build.hmr.componentPageStyleOptions);
+			}
+		}];
+		const options = configure(baseOptions);
 		options.build = {
 			...options.build,
 			watch: void 0,
@@ -18194,7 +18363,7 @@ async function buildStatefulHmrSnapshot(loadOptions, configure = (options) => op
 			output: await build(options),
 			getEntryIds: () => ctx.runtimeState.build.hmr.resolvedEntryMap.keys(),
 			getDelegatedComponentEntryIds: () => Array.from(ctx.runtimeState.build.hmr.resolvedEntryMap.keys()).filter((id) => /\.(?:vue|jsx|tsx)$/.test(id) && ctx.runtimeState.build.hmr.entriesMap.get(ctx.configService.relativeAbsoluteSrcRoot(removeExtensionDeep(id)))?.type === "component"),
-			getComponentPageStyleOptions: () => ctx.runtimeState.build.hmr.componentPageStyleOptions
+			getGlobalStyleRoutes: () => globalStyleRoutes
 		};
 	});
 }
@@ -18479,25 +18648,6 @@ function autoImport(ctx) {
 	return [createAutoImportPlugin({ ctx })];
 }
 //#endregion
-//#region src/plugins/utils/vueSfc.ts
-function createSfcResolveSrcOptions(pluginCtx, configService) {
-	return {
-		resolveId: async (source, importer) => {
-			if (typeof pluginCtx.resolve !== "function") return;
-			return (await pluginCtx.resolve(source, importer))?.id;
-		},
-		checkMtime: getSfcCheckMtime(configService)
-	};
-}
-function createReadAndParseSfcOptions(pluginCtx, configService, options) {
-	const resolveCheckMtime = getSfcCheckMtime(configService);
-	return {
-		source: options?.source,
-		checkMtime: options?.checkMtime ?? resolveCheckMtime,
-		resolveSrc: createSfcResolveSrcOptions(pluginCtx, configService)
-	};
-}
-//#endregion
 //#region src/plugins/vue/transform/usingComponentResolver.ts
 const JS_LIKE_FILE_RE = /\.(?:[cm]?ts|[cm]?js)$/;
 async function resolveUsingComponentReference(ctx, configService, reExportResolutionCache, importSource, importerFilename, info) {
@@ -19644,10 +19794,11 @@ function omitDeprecatedCompilerOptions(compilerOptions) {
 }
 function resolveAppWevuJsxImportSource(ctx, legacyConfig) {
 	const configService = requireConfigService(ctx, "解析 app JSX 类型入口前必须初始化 configService。");
-	if (!hasDependency(configService.packageJson, "wevu")) return;
+	const reactEnabled = Boolean(configService.weappViteConfig.react);
+	if (!reactEnabled && !hasDependency(configService.packageJson, "wevu")) return;
 	const configuredJsxImportSource = getManagedTypeScriptConfig(ctx)?.app?.compilerOptions?.jsxImportSource;
 	const legacyJsxImportSource = legacyConfig?.app?.compilerOptions?.jsxImportSource;
-	return typeof configuredJsxImportSource === "string" && configuredJsxImportSource.trim() ? configuredJsxImportSource.trim() : typeof legacyJsxImportSource === "string" && legacyJsxImportSource.trim() ? legacyJsxImportSource.trim() : resolveWevuJsxImportSource(configService.weappViteConfig.platform);
+	return typeof configuredJsxImportSource === "string" && configuredJsxImportSource.trim() ? configuredJsxImportSource.trim() : typeof legacyJsxImportSource === "string" && legacyJsxImportSource.trim() ? legacyJsxImportSource.trim() : reactEnabled ? "react" : resolveWevuJsxImportSource(configService.weappViteConfig.platform);
 }
 function getAppTypes(ctx, legacyConfig) {
 	const config = requireConfigService(ctx, "生成 app tsconfig 前必须初始化 configService。").weappViteConfig;
@@ -19790,7 +19941,7 @@ async function createManagedTsconfigFiles(ctx) {
 	const managedDir = resolveManagedDir(ctx);
 	const legacyConfig = await getLegacyManagedTypeScriptConfig(ctx);
 	const jsxImportSource = resolveAppWevuJsxImportSource(ctx, legacyConfig);
-	const jsxPlatformBridgeSource = isWevuJsxImportSource(jsxImportSource) && jsxImportSource !== "wevu" ? jsxImportSource : void 0;
+	const jsxPlatformBridgeSource = isWevuJsxImportSource(jsxImportSource) && jsxImportSource !== "wevu" ? jsxImportSource : ctx.configService?.weappViteConfig.react && hasDependency(ctx.configService.packageJson, "wevu") ? resolveWevuJsxImportSource(ctx.configService.weappViteConfig.platform) : void 0;
 	const sharedEmptyContent = jsxPlatformBridgeSource ? [
 		`import type { JSX as WevuPlatformJSX } from '${jsxPlatformBridgeSource}/jsx-runtime'`,
 		"",
@@ -20466,6 +20617,10 @@ function resetEmittedOutputCaches(runtimeState) {
 	runtimeState.css.transformedSidecarSource.clear();
 	runtimeState.wxml.emittedCode.clear();
 }
+function shouldCleanOutputs(configService, phase) {
+	if (configService.inlineConfig.build?.emptyOutDir === false) return false;
+	return phase === "rebuild" || !configService.isDev || configService.weappViteConfig.cleanOutputsInDev !== false;
+}
 async function cleanOutputs(configService) {
 	if (configService.mpDistRoot) {
 		const preservedNpmDirNames = resolvePreservedNpmDirNames(configService);
@@ -21330,7 +21485,7 @@ function createBuildService(ctx) {
 		if (target === "app" && hmrDecision.runtime === "stateful-experimental") try {
 			const snapshot = await buildStatefulHmrSnapshot(configService.loadOptions, appendHmrMetricsPlugin);
 			const initialSnapshot = toStatefulHmrOutput(snapshot.output);
-			const initialGlobalStyleRoutes = resolveComponentPageGlobalStyleRoutes(initialSnapshot, snapshot.getComponentPageStyleOptions());
+			const initialGlobalStyleRoutes = snapshot.getGlobalStyleRoutes();
 			const initialEntryIds = collectStatefulHmrEntryIds(snapshot.getEntryIds());
 			const skylineFiles = findSkylineRendererFiles(initialSnapshot);
 			if (skylineFiles.length > 0) await applySkylineHmrFallback({
@@ -21390,12 +21545,11 @@ function createBuildService(ctx) {
 						}];
 						return snapshotOptions;
 					});
-					const output = toStatefulHmrOutput(snapshot.output);
 					return {
-						output,
+						output: toStatefulHmrOutput(snapshot.output),
 						entryIds: [...collectStatefulHmrEntryIds(snapshot.getEntryIds())],
 						delegatedComponentEntryIds: snapshot.getDelegatedComponentEntryIds(),
-						componentPageGlobalStyleRoutes: resolveComponentPageGlobalStyleRoutes(output, snapshot.getComponentPageStyleOptions())
+						componentPageGlobalStyleRoutes: snapshot.getGlobalStyleRoutes()
 					};
 				}
 			}), workerPromise]);
@@ -21492,16 +21646,25 @@ function createBuildService(ctx) {
 				const snapshotBuildStartedAt = performance.now();
 				const requiresFullRescan = batchReasons.some((batchReason) => batchReason.forceFullRescan || batchReason.event === "create" || batchReason.event === "delete");
 				await refreshSnapshotSources(ctx, batchReasons.flatMap((batchReason) => batchReason.file ? [batchReason.file] : []));
+				const styleScriptChanges = /* @__PURE__ */ new Set();
+				for (const batchReason of batchReasons) {
+					if (!batchReason.file) continue;
+					for (const entryId of await collectVueStyleScriptChanges(ctx, batchReason.file, configService)) {
+						styleScriptChanges.add(entryId);
+						graphAffectedEntries.add(entryId);
+					}
+				}
 				if (!requiresFullRescan && graphAffectedEntries.size) {
 					const dirtyReasons = batchReasons.map(resolveSnapshotDirtyReason);
 					const dirtyReason = dirtyReasons.includes("direct") ? "direct" : dirtyReasons.includes("dependency") ? "dependency" : "metadata";
-					for (const entryId of graphAffectedEntries) if (ctx.runtimeState.build.hmr.resolvedEntryMap.has(entryId)) markSnapshotEntryDirty(entryId, reason, dirtyReason);
+					for (const entryId of graphAffectedEntries) if (ctx.runtimeState.build.hmr.resolvedEntryMap.has(entryId)) markSnapshotEntryDirty(entryId, reason, styleScriptChanges.has(entryId) ? "direct" : dirtyReason);
 					const summaryCounts = /* @__PURE__ */ new Map();
 					for (const batchReason of batchReasons) {
 						if (!batchReason.file) continue;
 						const summary = resolveSnapshotSidecarDirtySummary(batchReason.file, graphAffectedEntriesByFile.get(normalizeFsResolvedId(batchReason.file))).replace(/:\d+$/, "");
 						summaryCounts.set(summary, (summaryCounts.get(summary) ?? 0) + 1);
 					}
+					if (styleScriptChanges.size) summaryCounts.set("entry-mixed-asset", styleScriptChanges.size);
 					ctx.runtimeState.build.hmr.profile.dirtyReasonSummary = Array.from(summaryCounts, ([summary, count]) => `${summary}:${count}`);
 					try {
 						devBuildWatcher?.emitEvent({ code: "START" });
@@ -21529,7 +21692,7 @@ function createBuildService(ctx) {
 						...snapshotBuildOptions,
 						build: {
 							...snapshotBuildOptions.build ?? {},
-							emptyOutDir: true
+							emptyOutDir: shouldCleanOutputs(configService, "rebuild")
 						}
 					});
 					devBuildWatcher?.emitEvent({ code: "END" });
@@ -21781,6 +21944,8 @@ function createBuildService(ctx) {
 		const pluginOutputRoot = configService.absolutePluginOutputRoot;
 		if (!pluginOutputRoot) return;
 		const inlineConfig = { build: { outDir: pluginOutputRoot } };
+		const emptyOutDir = configService.inlineConfig.build?.emptyOutDir;
+		if (typeof emptyOutDir === "boolean") inlineConfig.build.emptyOutDir = emptyOutDir;
 		const isolatedCtx = await createCompilerContext({
 			key: `plugin-build:${configService.cwd}`,
 			cwd: configService.cwd,
@@ -21809,7 +21974,7 @@ function createBuildService(ctx) {
 		return await runProd(target);
 	}
 	async function buildEntry(options) {
-		if (!configService.isDev || configService.weappViteConfig.cleanOutputsInDev !== false) {
+		if (shouldCleanOutputs(configService, "startup")) {
 			await cleanOutputs(configService);
 			resetEmittedOutputCaches(ctx.runtimeState);
 		}
@@ -28312,7 +28477,7 @@ function rewriteStableWevuRuntimeAccess(chunk, wevuChunkFileName, aliases, usage
 	if (!aliases.size) return;
 	for (const [exportName, stableName] of WEVU_EXPORT_ALIASES) {
 		const localName = aliases.get(exportName);
-		if (!localName) continue;
+		if (!localName || localName === exportName) continue;
 		if (usage.inlineMembers.has(localName) || usage.inlineMembers.has(stableName)) replaceOutputChunkCode(chunk, /require\((`[^`]+`|'[^']+'|"[^"]+")\)\.([A-Za-z_$][\w$]*)\s*\(/g, (match) => {
 			const rawSpecifier = match[1];
 			const property = match[2];
@@ -28337,13 +28502,15 @@ function stabilizeWevuRuntimeChunkAccess(bundle, snapshot = createBundleChunkSna
 		const aliases = resolveWevuExportAliasMap(wevuChunk);
 		const usageByChunk = usageByRuntimeChunk.get(wevuChunk.fileName);
 		const importedMembers = collectImportedWevuRuntimeMembers(usageByChunk);
+		const existingExports = collectExistingExportNames(wevuChunk.code);
+		const missingMembers = new Set([...importedMembers].filter((name) => !existingExports.has(name)));
 		appendWevuRuntimeExports(wevuChunk, aliases, importedMembers);
 		appendSyntheticWevuHookExports(wevuChunk, importedMembers);
 		for (const usage of usageByChunk?.values() ?? []) {
 			const chunk = usage.chunk;
 			rewriteStableWevuRuntimeAccess(chunk, wevuChunk.fileName, aliases, usage);
 			if (baseChunk?.fileName) {
-				rewriteSyntheticWevuHookAccess(chunk, wevuChunk.fileName, baseChunk.fileName, importedMembers, usage);
+				rewriteSyntheticWevuHookAccess(chunk, wevuChunk.fileName, baseChunk.fileName, missingMembers, usage);
 				if (chunk.code.includes(normalizeRelativeRequireSpecifier(chunk.fileName, baseChunk.fileName))) {
 					const nextImports = new Set(Array.isArray(chunk.imports) ? chunk.imports : []);
 					nextImports.add(baseChunk.fileName);
@@ -32202,7 +32369,7 @@ function createBuildEndHook(state) {
 		state.hmrState.styleSidecarFiles = styleSidecarFiles;
 		const affectedEntries = /* @__PURE__ */ new Set();
 		const causes = /* @__PURE__ */ new Map();
-		let metadataOnly = pendingChanges.length > 0;
+		let metadataOnly = pendingChanges.length > 0 && !state.hmrState.lastEmittedEntryIds?.size;
 		for (const change of pendingChanges) {
 			const affected = state.ctx.moduleGraphService.collectAffectedEntries(change.file);
 			const cause = resolveChangeCause(state, change.file, affected);
@@ -33241,7 +33408,12 @@ async function processChangedFile(state, id, event) {
 	const relativeSrc = configService.relativeAbsoluteSrcRoot(normalizedId);
 	const affectedLayoutEntryIds = /* @__PURE__ */ new Set();
 	const dirtyReasonStats = /* @__PURE__ */ new Map();
+	let styleScriptChanges;
 	const markEntryDirtyWithCause = (entryId, reason, cause) => {
+		if (styleScriptChanges?.has(entryId)) {
+			reason = "direct";
+			cause = "entry-mixed-asset";
+		}
 		state.markEntryDirty(entryId, reason);
 		const isJsxTemplateDependency = reason === "dependency" && /\.(?:jsx|tsx)$/.test(normalizedId);
 		if (/\.(?:vue|jsx|tsx)$/.test(entryId) && (reason !== "dependency" || isJsxTemplateDependency)) {
@@ -33255,6 +33427,10 @@ async function processChangedFile(state, id, event) {
 	const isDeletedMissingSelf = event === "delete" && !await fs$1.pathExists(normalizedId);
 	const isAutoRouteFile = Boolean(ctx.autoRoutesService?.isRouteFile(normalizedId));
 	const pathKind = resolveWatchPathKind(normalizedId);
+	if (pathKind.isStyle) {
+		styleScriptChanges = await collectVueStyleScriptChanges(ctx, normalizedId, configService);
+		for (const entryId of styleScriptChanges) importerGraphAffectedEntryIds.add(entryId);
+	}
 	const isReactStaticTemplateUpdate = event === "update" && isReactStaticTemplateSource(configService.weappViteConfig?.react, normalizedId);
 	const isScriptModuleSidecar = pathKind.isScriptModuleSidecar;
 	const concreteChangedEntryId = isAppVueFile(normalizedId) && scanService.appEntry?.path ? normalizeFsResolvedId(scanService.appEntry.path) : normalizedId;
@@ -33308,6 +33484,7 @@ async function processChangedFile(state, id, event) {
 	if (isDeletedMissingSelf) {
 		ctx.runtimeState.build.hmr.vueEntryHasTemplate.delete(normalizedId);
 		ctx.runtimeState.build.hmr.vueEntrySfcSignatures.delete(normalizedId);
+		ctx.runtimeState.build.hmr.vueEntryStyleBindings.delete(normalizedId);
 		ctx.runtimeState.build.hmr.vueEntryTailwindContentSignatures?.delete(normalizedId);
 		ctx.runtimeState.build.hmr.vueEntryTailwindTemplateContentSignatures?.delete(normalizedId);
 		ctx.runtimeState.build.hmr.vueEntryTailwindScriptContentSignatures?.delete(normalizedId);
@@ -33837,6 +34014,37 @@ function preflight(ctx) {
 	return [createPluginPruner(), createEnvSynchronizer(ctx)];
 }
 //#endregion
+//#region src/plugins/tailwindcss/imports.ts
+/** 只判断样式导入链的所有权；解析、条件包装与转换仍由 Tailwind 编译器负责。 */
+async function findManagedStyleImports(code, filename, options) {
+	const dependencies = /* @__PURE__ */ new Set();
+	let managed = false;
+	const visit = async (source, importer) => {
+		if (!source.includes("@import")) return;
+		const requests = [];
+		postcss.parse(source, { from: importer }).walkAtRules("import", (rule) => {
+			const node = valueParser(rule.params).nodes[0];
+			const value = node?.type === "string" ? node.value : node?.type === "function" && node.value === "url" ? node.nodes[0]?.value : void 0;
+			if (value && !/^(?:[a-z]+:|\/\/|#)/i.test(value)) requests.push(value);
+		});
+		for (const request of requests) {
+			const resolved = await options.resolve(request, importer, { skipSelf: true });
+			if (!resolved || resolved.external) continue;
+			const sourcePath = getCssRealPath(parseRequest(resolved.id));
+			const file = normalizeManagedTailwindcssEntryPath(path$1.resolve(path$1.dirname(importer), sourcePath));
+			if (dependencies.has(file)) continue;
+			dependencies.add(file);
+			if (options.isManaged(file)) managed = true;
+			else await visit(await fs$2.readFile(file, "utf8"), file);
+		}
+	};
+	await visit(code, filename);
+	return {
+		managed,
+		dependencies
+	};
+}
+//#endregion
 //#region src/plugins/tailwindcss/vueStyle.ts
 /** 根据 SFC 外部样式的文件身份解析入口，避免依赖编译前后 CSS 文本一致。 */
 async function resolveVueStyleSource(request, resolve) {
@@ -34010,6 +34218,7 @@ function createTailwindcssPlugin(ctx) {
 	const contextualSlots = /* @__PURE__ */ new Set();
 	const dirtySlots = /* @__PURE__ */ new Set();
 	const transformedSources = /* @__PURE__ */ new Map();
+	const importedSources = /* @__PURE__ */ new Map();
 	const previousEntrySources = /* @__PURE__ */ new Map();
 	const resolvedEntryIndexes = /* @__PURE__ */ new Set();
 	const loadedEntryIndexes = /* @__PURE__ */ new Set();
@@ -34136,8 +34345,8 @@ function createTailwindcssPlugin(ctx) {
 			classSet: [],
 			target: resolved.generatorTarget
 		})];
-		const snapshot = compiler.mergeSnapshots(snapshots);
-		const seenEntries = /* @__PURE__ */ new Set();
+		const snapshot = compiler.mergeSnapshots([...snapshots, ...Array.from(importedSources.values(), (source) => source.snapshot)]);
+		const seenEntries = new Set(Array.from(importedSources.values()).flatMap((source) => source.entries));
 		const styleExtension = ctx.configService.outputExtensions.wxss;
 		const templateExtension = ctx.configService.outputExtensions.wxml;
 		const scriptSourceMap = Boolean(resolvedConfig?.build.sourcemap);
@@ -34195,6 +34404,65 @@ function createTailwindcssPlugin(ctx) {
 			applyOutputChunkTransform(output, transformed.code, transformed.map);
 		}
 	}
+	function importedSourceKey(id) {
+		const style = parseWeappVueStyleRequest(id);
+		return style ? `${style.filename}?style=${style.index}` : id.split("?")[0];
+	}
+	async function transformImportedSource(code, id) {
+		const style = parseWeappVueStyleRequest(id);
+		const filename = requestSources.get(id) ?? style?.filename ?? normalizeFsResolvedId(id.split("?")[0], { stripLeadingNullByte: true });
+		if (!style && !/\.(?:css|pcss|postcss)$/.test(filename)) return null;
+		const query = new URLSearchParams(id.split("?")[1] ?? "");
+		if (query.has("raw") || query.has("url")) return null;
+		const imports = await findManagedStyleImports(code, filename, {
+			resolve: this.resolve.bind(this),
+			isManaged: (file) => isManagedTailwindcssEntry(ctx, file)
+		});
+		const key = importedSourceKey(id);
+		if (!imports.managed) {
+			const previous = importedSources.get(key);
+			if (previous) {
+				await (await getCompiler()).remove(previous.rootId);
+				importedSources.delete(key);
+			}
+			return null;
+		}
+		const compiler = await getCompiler();
+		const rootId = `${MANAGED_PLUGIN_NAME}:import:${key}`;
+		const configuredSource = createTailwindV4SourceOptions(resolved, filename);
+		const generated = await compiler.generate({
+			id: rootId,
+			target: resolved.generatorTarget,
+			scanSources: true,
+			sourceOptions: {
+				...configuredSource,
+				cssEntries: [],
+				cssSources: [...configuredSource.cssSources ?? [], {
+					css: code,
+					file: filename,
+					base: path.dirname(filename),
+					dependencies: [...imports.dependencies]
+				}]
+			},
+			bareArbitraryValues: resolved.options.arbitraryValues?.bareArbitraryValues,
+			styleOptions: typeof resolved.options.generator === "object" ? resolved.options.generator.styleOptions : void 0
+		});
+		importedSources.set(key, {
+			rootId,
+			snapshot: generated.snapshot,
+			entries: [...imports.dependencies].flatMap((file) => {
+				const index = parseManagedEntryIndex(file, entryIndex);
+				return index === void 0 ? [] : [index];
+			})
+		});
+		const dependencies = /* @__PURE__ */ new Set([...imports.dependencies, ...generated.dependencies]);
+		for (const dependency of dependencies) this.addWatchFile(dependency);
+		return {
+			code: await stripResidualTailwindSourceDirectives((await compiler.transformCss(generated.rawCss, generated.snapshot, { isMainChunk: filename === path.resolve(ctx.configService.absoluteSrcRoot, "app.vue") })).css),
+			map: null,
+			meta: createStyleSourceMeta(dependencies)
+		};
+	}
 	return [{
 		name: MANAGED_PLUGIN_NAME,
 		enforce: "pre",
@@ -34256,7 +34524,14 @@ function createTailwindcssPlugin(ctx) {
 			return source;
 		},
 		load(id) {
-			if (resolved.options.generator === false || parseSidecarSourceRequest(id)?.dependencyOnly || parseWeappVueStyleRequest(id)) return null;
+			if (resolved.options.generator === false || parseWeappVueStyleRequest(id)) return null;
+			const sidecar = parseSidecarSourceRequest(id);
+			if (sidecar?.dependencyOnly) return null;
+			if (sidecar?.kind === "style" && isManagedTailwindcssEntry(ctx, sidecar.sourceId)) return {
+				code: "export default \"\"",
+				map: null,
+				meta: createStyleSourceMeta([sidecar.sourceId])
+			};
 			const normalizedId = normalizeManagedTailwindcssEntryPath(requestSources.get(id) ?? id.split("?")[0]);
 			const index = entryIndex.get(normalizedId);
 			if (index === void 0) return null;
@@ -34271,7 +34546,7 @@ function createTailwindcssPlugin(ctx) {
 			if (resolved.options.generator === false || parseSidecarSourceRequest(id)?.dependencyOnly) return null;
 			const sourceId = requestSources.get(id) ?? id;
 			const entry = parseManagedEntryIndex(sourceId, entryIndex) ?? resolveAutoEntryIndex(sourceId, code);
-			if (entry === void 0) return null;
+			if (entry === void 0) return code.includes("@import") || importedSources.has(importedSourceKey(id)) ? transformImportedSource.call(this, code, id) : null;
 			const index = getSourceSlot(id, entry);
 			dirtySlots.delete(index);
 			loadedEntryIndexes.add(index);
@@ -34288,6 +34563,7 @@ function createTailwindcssPlugin(ctx) {
 			};
 		},
 		shouldTransformCachedModule({ id }) {
+			if (importedSources.has(importedSourceKey(id))) return true;
 			const index = parseManagedEntryIndex(requestSources.get(id) ?? id, entryIndex);
 			if (index !== void 0 && dirtySlots.has(getSourceSlot(id, index))) return true;
 		},
@@ -35139,6 +35415,11 @@ function buildCompileVueFileOptions(ctx, pluginCtx, vuePath, isPage, isApp, conf
 	const wevuMinify = isWevuMinifyEnabled(configService.weappViteConfig, configService.isDev);
 	const jsonKind = isApp ? "app" : isPage ? "page" : "component";
 	const sourceMap = isVueTransformSourceMapEnabled(configService);
+	const stabilizeCssVarsRuntime = configService.isDev && resolveHmrRuntime({
+		platform: configService.platform,
+		configured: configService.weappViteConfig?.hmr?.runtime,
+		compileHotReLoad: configService.projectPrivateConfig?.setting?.compileHotReLoad
+	}) === "stateful-experimental";
 	async function resolvePotentialVueSfcEntryId(candidate) {
 		const trimmed = candidate?.trim();
 		if (!trimmed) return;
@@ -35199,6 +35480,7 @@ function buildCompileVueFileOptions(ctx, pluginCtx, vuePath, isPage, isApp, conf
 		isApp,
 		skipComponentTransform: delegatesComponentRegistration,
 		autoSetDataPick: isAutoSetDataPickEnabledWithPreset(configService.weappViteConfig),
+		stabilizeCssVarsRuntime,
 		bindingManifestSourceFile: resolveBindingManifestSourceFile(vuePath, configService),
 		runtimeBindingManifest: configService.isDev ? "diagnostic" : "compact",
 		pageLayout,
@@ -35273,7 +35555,7 @@ function createCompileVueFileOptions(ctx, pluginCtx, vuePath, isPage, isApp, con
 	const appShellSignature = createCompilerAppShellSignature(isPage && !isApp ? resolvedAppShell : void 0);
 	const cacheKey = getCompileVueFileOptionsCacheKey(vuePath, isPage, isApp, delegatesComponentRegistration, state.emitResolvedComponentEntries !== false, pageLayoutSignature, appShellSignature);
 	const cached = state.compileOptionsCache?.get(cacheKey);
-	if (cached && compileOptionsOwners.get(cached) === pluginCtx) return cached;
+	if (!configService.isDev && cached && compileOptionsOwners.get(cached) === pluginCtx) return cached;
 	const created = buildCompileVueFileOptions(ctx, pluginCtx, vuePath, isPage, isApp, configService, state, delegatesComponentRegistration, pageLayout, appShell);
 	compileOptionsOwners.set(created, pluginCtx);
 	state.compileOptionsCache?.set(cacheKey, created);
@@ -35622,7 +35904,18 @@ async function finalizeTransformCompiledResult(options) {
 	const transformResult = result;
 	if (isApp) setAppShell?.(hasAppShellTemplate(result) ? resolveAppShellLayout(configService) : void 0);
 	if (!isApp) registerVueTemplateToken(ctx, filename, result.template);
-	if (Array.isArray(result.meta?.sfcSrcDeps)) ctx.moduleGraphService.replaceEntryDependencies(filename, "style", result.meta.sfcSrcDeps);
+	if (Array.isArray(result.meta?.sfcSrcDeps)) {
+		addNormalizedWatchFiles(pluginCtx, result.meta.sfcSrcDeps);
+		ctx.moduleGraphService.replaceEntryDependencies(filename, "style", result.meta.sfcSrcDeps);
+	}
+	if (configService.isDev) {
+		const styleBindings = ctx.runtimeState.build.hmr.vueEntryStyleBindings;
+		if (result.meta?.sfcSrcDeps?.length) styleBindings.set(filename, {
+			sources: result.meta.sfcSrcDeps,
+			expressions: result.meta.cssVars
+		});
+		else styleBindings.delete(filename);
+	}
 	const jsxDependencies = result.meta?.jsxDependencies ?? [];
 	addNormalizedWatchFiles(pluginCtx, jsxDependencies);
 	ctx.moduleGraphService.replaceEntryDependencies(filename, "jsx", jsxDependencies);
@@ -35746,27 +36039,6 @@ async function loadTransformStyleBlock(options) {
 	};
 }
 //#endregion
-//#region src/plugins/vue/transform/styleOnly.ts
-function hasCssModules(styleBlocks) {
-	return styleBlocks?.some((styleBlock) => Boolean(styleBlock.module)) === true;
-}
-async function refreshStyleOnlyVueTransformResult(result, filename, styleBlocks, stylePreprocessOptions) {
-	if (!styleBlocks || hasCssModules(styleBlocks)) return false;
-	if (!styleBlocks.length) {
-		result.style = void 0;
-		return true;
-	}
-	const scopedId = generateScopedId(filename);
-	result.style = (await Promise.all(styleBlocks.map(async (styleBlock) => await compileVueStyleToWxss(styleBlock, {
-		id: scopedId,
-		filename,
-		scoped: styleBlock.scoped,
-		modules: styleBlock.module,
-		preprocessOptions: stylePreprocessOptions?.[styleBlock.lang || "css"]
-	})))).map((result) => result.code.trim()).filter(Boolean).join("\n\n") || void 0;
-	return true;
-}
-//#endregion
 //#region src/plugins/vue/transform/bundle/shared/types.ts
 function getVueBundlePageLayoutPlan(result) {
 	return result.meta?.pageLayoutPlan;
@@ -35881,7 +36153,7 @@ async function refreshCompiledVueEntryCacheInDev(options) {
 				source,
 				checkMtime: configService.isDev
 			});
-			if (!await refreshStyleOnlyVueTransformResult(cached.result, filename, descriptor.styles, resolveSfcStylePreprocessOptions(configService))) cached.styleIndependentSignature = void 0;
+			if (!await refreshStyleOnlyVueTransformResult(cached.result, filename, descriptor.styles, descriptor.cssVars, resolveSfcStylePreprocessOptions(configService))) cached.styleIndependentSignature = void 0;
 			else {
 				cached.source = source;
 				cached.styleIndependentSignature = currentStyleIndependentSignature;
@@ -36167,7 +36439,7 @@ function emitAppShellAssetsIfNeeded(options) {
 //#endregion
 //#region src/plugins/vue/transform/bundle/emitCompiledEntry.ts
 function shouldReplaceAppScriptBundleEntry(options) {
-	if (!isAppVueFile(options.filename) || !options.isDev || !options.hasDevHmrEvent) return false;
+	if (options.isBundledDev || !isAppVueFile(options.filename) || !options.isDev || !options.hasDevHmrEvent) return false;
 	return true;
 }
 function hasUnresolvedModuleImportDeclaration(script) {
@@ -36202,7 +36474,8 @@ async function emitResolvedCompiledVueEntryAssets(options) {
 	const shouldReplaceAppScript = shouldReplaceAppScriptBundleEntry({
 		filename,
 		isDev: configService.isDev,
-		hasDevHmrEvent: hmrState?.profile?.event !== void 0
+		hasDevHmrEvent: hmrState?.profile?.event !== void 0,
+		isBundledDev: state.isBundledDev
 	});
 	if (isAppVueFile(filename) && hasAppShellTemplate(result)) emitAppShellAssetsIfNeeded({
 		bundle,
@@ -36577,21 +36850,30 @@ function createSfcStyleBlocksSignature(styleBlocks) {
 		scoped: styleBlock.scoped
 	})));
 }
-async function loadStyleBlocksForStyleOnlyRefresh(options) {
+async function loadSfcStyleStateForStyleOnlyRefresh(options) {
 	const { filename, source, styleBlocksCache, force, readAndParseSfc, createReadAndParseSfcOptions, pluginCtx, configService } = options;
 	if (force) styleBlocksCache.delete(filename);
-	await preloadTransformSfcStyleBlocks({
+	let cssVars;
+	const styleBlocks = await preloadTransformSfcStyleBlocks({
 		filename,
 		source,
 		styleBlocksCache,
 		load: async (target, source) => {
-			return (await readAndParseSfc(target, createReadAndParseSfcOptions(pluginCtx, configService, {
+			const parsed = await readAndParseSfc(target, createReadAndParseSfcOptions(pluginCtx, configService, {
 				source,
 				checkMtime: configService.isDev
-			}))).descriptor.styles;
+			}));
+			cssVars = parsed.descriptor.cssVars;
+			return parsed.descriptor.styles;
 		}
 	});
-	return styleBlocksCache.get(filename);
+	return {
+		cssVars,
+		styleBlocks
+	};
+}
+async function loadStyleBlocksForStyleOnlyRefresh(options) {
+	return (await loadSfcStyleStateForStyleOnlyRefresh(options)).styleBlocks;
 }
 //#endregion
 //#region src/plugins/vue/transform/plugin/usingComponents.ts
@@ -36689,8 +36971,8 @@ async function tryReuseVueCompilation(options) {
 		const cachedResult = normalizeVueTransformResult(cachedCompilation.result);
 		let cachedStyleBlocks = cachedResult.meta?.styleBlocks ?? styleBlocksCache.get(filename);
 		let canReturnCachedCompilation = true;
-		if (dirtyEntryId && canAttemptStyleOnlyReuse && filename.endsWith(".vue")) {
-			const refreshedStyleBlocks = await measureStage("loadStyleOnlySfcStyles", async () => await loadStyleBlocksForStyleOnlyRefresh({
+		if (filename.endsWith(".vue") && (dirtyEntryId && canAttemptStyleOnlyReuse || cachedStyleBlocks?.some((style) => Boolean(style.src)))) {
+			const refreshedStyleState = await measureStage("loadStyleOnlySfcStyles", async () => await loadSfcStyleStateForStyleOnlyRefresh({
 				filename,
 				source,
 				styleBlocksCache,
@@ -36700,7 +36982,8 @@ async function tryReuseVueCompilation(options) {
 				pluginCtx,
 				configService
 			}));
-			if (!await refreshStyleOnlyVueTransformResult(cachedResult, filename, refreshedStyleBlocks, resolveSfcStylePreprocessOptions(configService))) {
+			const refreshedStyleBlocks = refreshedStyleState.styleBlocks;
+			if (!await refreshStyleOnlyVueTransformResult(cachedResult, filename, refreshedStyleBlocks, refreshedStyleState.cssVars, resolveSfcStylePreprocessOptions(configService))) {
 				cachedCompilation.styleIndependentSignature = void 0;
 				canReturnCachedCompilation = false;
 			} else {
@@ -36732,7 +37015,7 @@ async function tryReuseVueCompilation(options) {
 	const currentStyleIndependentSignature = configService.isDev && dirtyEntryId && canAttemptStyleOnlyReuse && filename.endsWith(".vue") ? resolveVueSfcStyleIndependentSignature(source, filename) : void 0;
 	if (Boolean(configService.isDev && cachedCompilation && dirtyEntryId && canAttemptStyleOnlyReuse && filename.endsWith(".vue") && !ctx.runtimeState.scan.isDirty && cachedCompilation.autoRoutesSignature === autoRoutesSignature && cachedCompilation.styleIndependentSignature && currentStyleIndependentSignature && cachedCompilation.styleIndependentSignature === currentStyleIndependentSignature && cachedCompilation.source !== source) && cachedCompilation) {
 		const cachedResult = normalizeVueTransformResult(cachedCompilation.result);
-		const styleBlocks = await measureStage("loadStyleOnlySfcStyles", async () => await loadStyleBlocksForStyleOnlyRefresh({
+		const styleState = await measureStage("loadStyleOnlySfcStyles", async () => await loadSfcStyleStateForStyleOnlyRefresh({
 			filename,
 			source,
 			styleBlocksCache,
@@ -36742,7 +37025,8 @@ async function tryReuseVueCompilation(options) {
 			pluginCtx,
 			configService
 		}));
-		if (!await refreshStyleOnlyVueTransformResult(cachedResult, filename, styleBlocks, resolveSfcStylePreprocessOptions(configService))) cachedCompilation.styleIndependentSignature = void 0;
+		const styleBlocks = styleState.styleBlocks;
+		if (!await refreshStyleOnlyVueTransformResult(cachedResult, filename, styleBlocks, styleState.cssVars, resolveSfcStylePreprocessOptions(configService))) cachedCompilation.styleIndependentSignature = void 0;
 		else {
 			cachedCompilation.source = source;
 			cachedCompilation.result = cachedResult;
@@ -36993,6 +37277,7 @@ function createVueTransformPlugin(ctx, options = {}) {
 	let appShell;
 	let pageMatcher = null;
 	let scanDirtySynced = false;
+	let isBundledDev = false;
 	const reExportResolutionCache = /* @__PURE__ */ new Map();
 	const compileOptionsCache = /* @__PURE__ */ new Map();
 	const componentMetaCache = /* @__PURE__ */ new Map();
@@ -37008,6 +37293,9 @@ function createVueTransformPlugin(ctx, options = {}) {
 	}
 	return {
 		name: `${VUE_PLUGIN_NAME}:transform`,
+		configResolved(config) {
+			isBundledDev = config.command === "serve" && Boolean(config.experimental.bundledDev);
+		},
 		async buildStart() {
 			scopedSlotModules.clear();
 			emittedScopedSlotChunks.clear();
@@ -37092,6 +37380,7 @@ function createVueTransformPlugin(ctx, options = {}) {
 		async generateBundle(_options, bundle) {
 			await emitVueBundleAssets(bundle, {
 				ctx,
+				isBundledDev,
 				pluginCtx: this,
 				compilationCache,
 				appShell,
@@ -38446,7 +38735,7 @@ async function loadAppEntry(ctx, scanState) {
 	const { path: appEntryPath } = appEntry;
 	let configFromVue;
 	if (!appConfigFile && vueAppPath) {
-		const { extractConfigFromVue } = await import("./file-BRQqRekU.mjs");
+		const { extractConfigFromVue } = await import("./file-DxMrh1lh.mjs");
 		configFromVue = await extractConfigFromVue(vueAppPath);
 		if (configFromVue) appConfigFile = vueAppPath;
 	}