weapp-tailwindcss 4.12.0 → 5.0.0-next.1

package/dist/webpack4.mjs

@@ -1,495 +1,379 @@
-import {
-  applyTailwindcssCssImportRewrite,
-  createAssetHashByChunkMap,
-  createLoaderAnchorFinders,
-  ensureMpxTailwindcssAliases,
-  getCacheKey,
-  hasLoaderEntry,
-  injectMpxCssRewritePreRules,
-  isCssLikeModuleResource,
-  isMpx,
-  patchMpxLoaderResolve,
-  setupMpxTailwindcssRedirect
-} from "./chunk-RRQZL7FQ.mjs";
-import {
-  pushConcurrentTaskFactories,
-  resolveDisabledOptions,
-  resolveOutputSpecifier,
-  resolvePackageDir,
-  toAbsoluteOutputPath
-} from "./chunk-3VQKDHGP.mjs";
-import {
-  processCachedTask
-} from "./chunk-76S2EME4.mjs";
-import {
-  createDebug,
-  ensureRuntimeClassSet,
-  getCompilerContext,
-  pluginName,
-  setupPatchRecorder,
-  shouldSkipJsTransform
-} from "./chunk-KGTVD4EP.mjs";
-import {
-  getRuntimeClassSetSignature
-} from "./chunk-PCDYXXSK.mjs";
-import "./chunk-XAKAD2CR.mjs";
-import {
-  getGroupedEntries
-} from "./chunk-OOHJLO5M.mjs";
-import {
-  __dirname
-} from "./chunk-NNOQDMUP.mjs";
-
-// src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
-import process3 from "process";
-
-// src/bundlers/webpack/BaseUnifiedPlugin/v4-assets.ts
-import path from "path";
-import process from "process";
+import { g as ensureRuntimeClassSet, n as shouldSkipJsTransform, p as pluginName, r as getCompilerContext, t as setupPatchRecorder, v as createDebug } from "./recorder-B_XyZ576.mjs";
+import { r as getGroupedEntries } from "./utils-7DUGTFED.mjs";
+import { d as getRuntimeClassSetSignature } from "./logger-BoVx1Dbt.mjs";
+import { i as processCachedTask, t as generateCssByGenerator } from "./generator-css-DhPFjSzK.mjs";
+import { a as resolveDisabledOptions, c as toAbsoluteOutputPath, i as resolvePackageDir, r as pushConcurrentTaskFactories, s as resolveOutputSpecifier } from "./css-imports-CSdPq_Sc.mjs";
+import { a as hasLoaderEntry, c as applyTailwindcssCssImportRewrite, d as isMpx, f as patchMpxLoaderResolve, i as getCacheKey, l as ensureMpxTailwindcssAliases, n as __dirname, p as setupMpxTailwindcssRedirect, r as createAssetHashByChunkMap, s as isCssLikeModuleResource, t as createLoaderAnchorFinders, u as injectMpxCssRewritePreRules } from "./loader-anchors-DvwgIYdA.mjs";
+import path from "node:path";
+import process from "node:process";
+import fs from "node:fs";
 import { ConcatSource } from "webpack-sources";
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v4-assets.ts
 function resolveWebpackStaleClassNameFallback(option, _compiler) {
-  if (typeof option === "boolean") {
-    return option;
-  }
-  return false;
+	if (typeof option === "boolean") return option;
+	return false;
 }
 function toWebpackV4AssetCompilation(compilation) {
-  return compilation;
+	return compilation;
 }
 function readWebpackV4AssetSource(asset) {
-  const source = asset.source();
-  return typeof source === "string" ? source : source.toString();
+	const source = asset.source();
+	return typeof source === "string" ? source : source.toString();
 }
 function setupWebpackV4EmitHook(options) {
-  const {
-    compiler,
-    options: compilerOptions,
-    appType,
-    runtimeState,
-    debug: debug2
-  } = options;
-  const cssHandlerOptionsCache = /* @__PURE__ */ new Map();
-  compiler.hooks.emit.tapPromise(pluginName, async (compilation) => {
-    await runtimeState.patchPromise;
-    compilerOptions.onStart();
-    debug2("start");
-    for (const chunk of compilation.chunks) {
-      if (chunk.id && chunk.hash) {
-        compilerOptions.cache.calcHashValueChanged(chunk.id, chunk.hash);
-      }
-    }
-    const assetCompilation = toWebpackV4AssetCompilation(compilation);
-    const assetHashByChunk = createAssetHashByChunkMap(compilation.chunks);
-    const assets = assetCompilation.assets;
-    const entries = Object.entries(assets);
-    const outputDir = compiler.options?.output?.path ? path.resolve(compiler.options.output.path) : process.cwd();
-    const jsAssets = /* @__PURE__ */ new Map();
-    for (const [file] of entries) {
-      if (compilerOptions.jsMatcher(file) || compilerOptions.wxsMatcher(file)) {
-        const absolute = toAbsoluteOutputPath(file, outputDir);
-        jsAssets.set(absolute, file);
-      }
-    }
-    const moduleGraphOptions = {
-      resolve(specifier, importer) {
-        return resolveOutputSpecifier(specifier, importer, outputDir, (candidate) => jsAssets.has(candidate));
-      },
-      load: (id) => {
-        const assetName = jsAssets.get(id);
-        if (!assetName) {
-          return void 0;
-        }
-        const assetSource = assetCompilation.assets[assetName];
-        if (!assetSource) {
-          return void 0;
-        }
-        return readWebpackV4AssetSource(assetSource);
-      },
-      filter(id) {
-        return jsAssets.has(id);
-      }
-    };
-    const applyLinkedResults = (linked) => {
-      if (!linked) {
-        return;
-      }
-      for (const [id, { code }] of Object.entries(linked)) {
-        const assetName = jsAssets.get(id);
-        if (!assetName) {
-          continue;
-        }
-        const assetSource = assetCompilation.assets[assetName];
-        if (!assetSource) {
-          continue;
-        }
-        const previous = readWebpackV4AssetSource(assetSource);
-        if (previous === code) {
-          continue;
-        }
-        const source = new ConcatSource(code);
-        assetCompilation.updateAsset(assetName, source);
-        compilerOptions.onUpdate(assetName, previous, code);
-        debug2("js linked handle: %s", assetName);
-      }
-    };
-    const groupedEntries = getGroupedEntries(entries, compilerOptions);
-    const getCssHandlerOptions = (file) => {
-      const majorVersion = runtimeState.twPatcher.majorVersion;
-      const isMainChunk = compilerOptions.mainCssChunkMatcher(file, appType);
-      const cacheKey = `${majorVersion ?? "unknown"}:${isMainChunk ? "1" : "0"}:${file}`;
-      const cached = cssHandlerOptionsCache.get(cacheKey);
-      if (cached) {
-        return cached;
-      }
-      const created = {
-        isMainChunk,
-        postcssOptions: {
-          options: {
-            from: file
-          }
-        },
-        majorVersion
-      };
-      cssHandlerOptionsCache.set(cacheKey, created);
-      return created;
-    };
-    const staleClassNameFallback = resolveWebpackStaleClassNameFallback(compilerOptions.staleClassNameFallback, compiler);
-    const runtimeSet = await ensureRuntimeClassSet(runtimeState, {
-      // webpack 的 script-only 热更新可能不会触发 runtime classset loader，
-      // 这里强制收集可避免沿用上轮 class set，保证 JS 仅按最新集合精确命中。
-      forceCollect: true,
-      allowEmpty: false
-    });
-    const defaultTemplateHandlerOptions = {
-      runtimeSet
-    };
-    debug2("get runtimeSet, class count: %d", runtimeSet.size);
-    const tasks = [];
-    if (Array.isArray(groupedEntries.html)) {
-      for (const element of groupedEntries.html) {
-        const [file, originalSource] = element;
-        const rawSource = readWebpackV4AssetSource(originalSource);
-        const cacheKey = file;
-        const chunkHash = assetHashByChunk.get(file);
-        tasks.push(
-          processCachedTask({
-            cache: compilerOptions.cache,
-            cacheKey,
-            hashKey: `${file}:asset`,
-            rawSource,
-            hash: chunkHash,
-            applyResult(source) {
-              assetCompilation.updateAsset(file, source);
-            },
-            onCacheHit() {
-              debug2("html cache hit: %s", file);
-            },
-            transform: async () => {
-              const wxml = await compilerOptions.templateHandler(rawSource, defaultTemplateHandlerOptions);
-              const source = new ConcatSource(wxml);
-              compilerOptions.onUpdate(file, rawSource, wxml);
-              debug2("html handle: %s", file);
-              return {
-                result: source
-              };
-            }
-          })
-        );
-      }
-    }
-    const jsTaskFactories = [];
-    if (Array.isArray(groupedEntries.js)) {
-      for (const [file] of groupedEntries.js) {
-        const cacheKey = getCacheKey(file);
-        const assetSource = assetCompilation.assets[file];
-        if (!assetSource) {
-          continue;
-        }
-        const initialRawSource = readWebpackV4AssetSource(assetSource);
-        const absoluteFile = toAbsoluteOutputPath(file, outputDir);
-        const chunkHash = assetHashByChunk.get(file);
-        const sourceAwareHash = chunkHash ? `${chunkHash}:${compilerOptions.cache.computeHash(initialRawSource)}` : void 0;
-        jsTaskFactories.push(async () => {
-          await processCachedTask({
-            cache: compilerOptions.cache,
-            cacheKey,
-            hashKey: `${file}:asset`,
-            rawSource: initialRawSource,
-            hash: sourceAwareHash,
-            applyResult(source) {
-              assetCompilation.updateAsset(file, source);
-            },
-            onCacheHit() {
-              debug2("js cache hit: %s", file);
-            },
-            transform: async () => {
-              const currentAsset = assetCompilation.assets[file];
-              const currentSource = currentAsset ? readWebpackV4AssetSource(currentAsset) : "";
-              const handlerOptions = {
-                staleClassNameFallback,
-                tailwindcssMajorVersion: runtimeState.twPatcher.majorVersion,
-                filename: absoluteFile,
-                moduleGraph: moduleGraphOptions,
-                babelParserOptions: {
-                  sourceFilename: absoluteFile
-                }
-              };
-              if (shouldSkipJsTransform(currentSource, handlerOptions)) {
-                return { result: new ConcatSource(currentSource) };
-              }
-              const { code, linked } = await compilerOptions.jsHandler(currentSource, runtimeSet, handlerOptions);
-              const source = new ConcatSource(code);
-              compilerOptions.onUpdate(file, currentSource, code);
-              debug2("js handle: %s", file);
-              applyLinkedResults(linked);
-              return {
-                result: source
-              };
-            }
-          });
-        });
-      }
-    }
-    if (Array.isArray(groupedEntries.css)) {
-      for (const element of groupedEntries.css) {
-        const [file, originalSource] = element;
-        const rawSource = readWebpackV4AssetSource(originalSource);
-        const cacheKey = file;
-        const chunkHash = assetHashByChunk.get(file);
-        tasks.push(
-          processCachedTask({
-            cache: compilerOptions.cache,
-            cacheKey,
-            hashKey: `${file}:asset`,
-            rawSource,
-            hash: chunkHash,
-            applyResult(source) {
-              assetCompilation.updateAsset(file, source);
-            },
-            onCacheHit() {
-              debug2("css cache hit: %s", file);
-            },
-            transform: async () => {
-              await runtimeState.patchPromise;
-              const { css } = await compilerOptions.styleHandler(rawSource, getCssHandlerOptions(file));
-              const source = new ConcatSource(css);
-              compilerOptions.onUpdate(file, rawSource, css);
-              debug2("css handle: %s", file);
-              return {
-                result: source
-              };
-            }
-          })
-        );
-      }
-    }
-    pushConcurrentTaskFactories(tasks, jsTaskFactories);
-    await Promise.all(tasks);
-    debug2("end");
-    compilerOptions.onEnd();
-  });
+	const { compiler, options: compilerOptions, appType, runtimeState, debug } = options;
+	const cssHandlerOptionsCache = /* @__PURE__ */ new Map();
+	const cssUserHandlerOptionsCache = /* @__PURE__ */ new Map();
+	compiler.hooks.emit.tapPromise(pluginName, async (compilation) => {
+		await runtimeState.patchPromise;
+		compilerOptions.onStart();
+		debug("start");
+		for (const chunk of compilation.chunks) if (chunk.id && chunk.hash) compilerOptions.cache.calcHashValueChanged(chunk.id, chunk.hash);
+		const assetCompilation = toWebpackV4AssetCompilation(compilation);
+		const assetHashByChunk = createAssetHashByChunkMap(compilation.chunks);
+		const assets = assetCompilation.assets;
+		const entries = Object.entries(assets);
+		const outputDir = compiler.options?.output?.path ? path.resolve(compiler.options.output.path) : process.cwd();
+		const jsAssets = /* @__PURE__ */ new Map();
+		for (const [file] of entries) if (compilerOptions.jsMatcher(file) || compilerOptions.wxsMatcher(file)) {
+			const absolute = toAbsoluteOutputPath(file, outputDir);
+			jsAssets.set(absolute, file);
+		}
+		const moduleGraphOptions = {
+			resolve(specifier, importer) {
+				return resolveOutputSpecifier(specifier, importer, outputDir, (candidate) => jsAssets.has(candidate));
+			},
+			load: (id) => {
+				const assetName = jsAssets.get(id);
+				if (!assetName) return;
+				const assetSource = assetCompilation.assets[assetName];
+				if (!assetSource) return;
+				return readWebpackV4AssetSource(assetSource);
+			},
+			filter(id) {
+				return jsAssets.has(id);
+			}
+		};
+		const applyLinkedResults = (linked) => {
+			if (!linked) return;
+			for (const [id, { code }] of Object.entries(linked)) {
+				const assetName = jsAssets.get(id);
+				if (!assetName) continue;
+				const assetSource = assetCompilation.assets[assetName];
+				if (!assetSource) continue;
+				const previous = readWebpackV4AssetSource(assetSource);
+				if (previous === code) continue;
+				const source = new ConcatSource(code);
+				assetCompilation.updateAsset(assetName, source);
+				compilerOptions.onUpdate(assetName, previous, code);
+				debug("js linked handle: %s", assetName);
+			}
+		};
+		const groupedEntries = getGroupedEntries(entries, compilerOptions);
+		const getCssHandlerOptions = (file) => {
+			const majorVersion = runtimeState.twPatcher.majorVersion;
+			const isMainChunk = compilerOptions.mainCssChunkMatcher(file, appType);
+			const cacheKey = `${majorVersion ?? "unknown"}:${isMainChunk ? "1" : "0"}:${file}`;
+			const cached = cssHandlerOptionsCache.get(cacheKey);
+			if (cached) return cached;
+			const created = {
+				isMainChunk,
+				postcssOptions: { options: { from: file } },
+				majorVersion
+			};
+			cssHandlerOptionsCache.set(cacheKey, created);
+			return created;
+		};
+		const getCssUserHandlerOptions = (file) => {
+			const cacheKey = `${runtimeState.twPatcher.majorVersion ?? "unknown"}:${file}`;
+			const cached = cssUserHandlerOptionsCache.get(cacheKey);
+			if (cached) return cached;
+			const created = {
+				...getCssHandlerOptions(file),
+				isMainChunk: false
+			};
+			cssUserHandlerOptionsCache.set(cacheKey, created);
+			return created;
+		};
+		const staleClassNameFallback = resolveWebpackStaleClassNameFallback(compilerOptions.staleClassNameFallback, compiler);
+		const runtimeSet = await ensureRuntimeClassSet(runtimeState, {
+			forceCollect: true,
+			allowEmpty: false
+		});
+		const defaultTemplateHandlerOptions = { runtimeSet };
+		debug("get runtimeSet, class count: %d", runtimeSet.size);
+		const tasks = [];
+		if (Array.isArray(groupedEntries.html)) for (const element of groupedEntries.html) {
+			const [file, originalSource] = element;
+			const rawSource = readWebpackV4AssetSource(originalSource);
+			const cacheKey = file;
+			const chunkHash = assetHashByChunk.get(file);
+			tasks.push(processCachedTask({
+				cache: compilerOptions.cache,
+				cacheKey,
+				hashKey: `${file}:asset`,
+				rawSource,
+				hash: chunkHash,
+				applyResult(source) {
+					assetCompilation.updateAsset(file, source);
+				},
+				onCacheHit() {
+					debug("html cache hit: %s", file);
+				},
+				transform: async () => {
+					const wxml = await compilerOptions.templateHandler(rawSource, defaultTemplateHandlerOptions);
+					const source = new ConcatSource(wxml);
+					compilerOptions.onUpdate(file, rawSource, wxml);
+					debug("html handle: %s", file);
+					return { result: source };
+				}
+			}));
+		}
+		const jsTaskFactories = [];
+		if (Array.isArray(groupedEntries.js)) for (const [file] of groupedEntries.js) {
+			const cacheKey = getCacheKey(file);
+			const assetSource = assetCompilation.assets[file];
+			if (!assetSource) continue;
+			const initialRawSource = readWebpackV4AssetSource(assetSource);
+			const absoluteFile = toAbsoluteOutputPath(file, outputDir);
+			const chunkHash = assetHashByChunk.get(file);
+			const sourceAwareHash = chunkHash ? `${chunkHash}:${compilerOptions.cache.computeHash(initialRawSource)}` : void 0;
+			jsTaskFactories.push(async () => {
+				await processCachedTask({
+					cache: compilerOptions.cache,
+					cacheKey,
+					hashKey: `${file}:asset`,
+					rawSource: initialRawSource,
+					hash: sourceAwareHash,
+					applyResult(source) {
+						assetCompilation.updateAsset(file, source);
+					},
+					onCacheHit() {
+						debug("js cache hit: %s", file);
+					},
+					transform: async () => {
+						const currentAsset = assetCompilation.assets[file];
+						const currentSource = currentAsset ? readWebpackV4AssetSource(currentAsset) : "";
+						const handlerOptions = {
+							staleClassNameFallback,
+							tailwindcssMajorVersion: runtimeState.twPatcher.majorVersion,
+							filename: absoluteFile,
+							moduleGraph: moduleGraphOptions,
+							babelParserOptions: { sourceFilename: absoluteFile }
+						};
+						if (shouldSkipJsTransform(currentSource, handlerOptions)) return { result: new ConcatSource(currentSource) };
+						const { code, linked } = await compilerOptions.jsHandler(currentSource, runtimeSet, handlerOptions);
+						const source = new ConcatSource(code);
+						compilerOptions.onUpdate(file, currentSource, code);
+						debug("js handle: %s", file);
+						applyLinkedResults(linked);
+						return { result: source };
+					}
+				});
+			});
+		}
+		if (Array.isArray(groupedEntries.css)) for (const element of groupedEntries.css) {
+			const [file, originalSource] = element;
+			const rawSource = readWebpackV4AssetSource(originalSource);
+			const cacheKey = file;
+			const chunkHash = assetHashByChunk.get(file);
+			tasks.push(processCachedTask({
+				cache: compilerOptions.cache,
+				cacheKey,
+				hashKey: `${file}:asset`,
+				rawSource,
+				hash: chunkHash,
+				applyResult(source) {
+					assetCompilation.updateAsset(file, source);
+				},
+				onCacheHit() {
+					debug("css cache hit: %s", file);
+				},
+				transform: async () => {
+					await runtimeState.patchPromise;
+					const cssHandlerOptions = getCssHandlerOptions(file);
+					const generated = await generateCssByGenerator({
+						opts: compilerOptions,
+						runtimeState,
+						runtime: runtimeSet,
+						rawSource,
+						file,
+						cssHandlerOptions,
+						cssUserHandlerOptions: getCssUserHandlerOptions(file),
+						styleHandler: compilerOptions.styleHandler,
+						debug
+					});
+					const css = generated?.css ?? (await compilerOptions.styleHandler(rawSource, cssHandlerOptions)).css;
+					const source = new ConcatSource(css);
+					compilerOptions.onUpdate(file, rawSource, css);
+					if (generated) debug("css handle via tailwind v%s engine(%s): %s", runtimeState.twPatcher.majorVersion, generated.target, file);
+					else debug("css handle: %s", file);
+					return { result: source };
+				}
+			}));
+		}
+		pushConcurrentTaskFactories(tasks, jsTaskFactories);
+		await Promise.all(tasks);
+		debug("end");
+		compilerOptions.onEnd();
+	});
 }
-
-// src/bundlers/webpack/BaseUnifiedPlugin/v4-loaders.ts
-import fs from "fs";
-import path2 from "path";
-import process2 from "process";
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v4-loaders.ts
 function setupWebpackV4Loaders(options) {
-  const {
-    compiler,
-    options: compilerOptions,
-    appType,
-    weappTailwindcssPackageDir: weappTailwindcssPackageDir2,
-    shouldRewriteCssImports,
-    runtimeLoaderPath,
-    runtimeCssImportRewriteLoaderPath,
-    getClassSetInLoader,
-    debug: debug2
-  } = options;
-  const isMpxApp = isMpx(appType);
-  if (shouldRewriteCssImports && isMpxApp) {
-    ensureMpxTailwindcssAliases(compiler, weappTailwindcssPackageDir2);
-  }
-  const runtimeClassSetLoader = runtimeLoaderPath ?? path2.resolve(__dirname, "./weapp-tw-runtime-classset-loader.js");
-  const runtimeCssImportRewriteLoader = shouldRewriteCssImports ? runtimeCssImportRewriteLoaderPath ?? path2.resolve(__dirname, "./weapp-tw-css-import-rewrite-loader.js") : void 0;
-  const runtimeClassSetLoaderExists = fs.existsSync(runtimeClassSetLoader);
-  const runtimeCssImportRewriteLoaderExists = runtimeCssImportRewriteLoader ? fs.existsSync(runtimeCssImportRewriteLoader) : false;
-  const runtimeLoaderRewriteOptions = shouldRewriteCssImports ? {
-    pkgDir: weappTailwindcssPackageDir2,
-    appType
-  } : void 0;
-  const classSetLoaderOptions = {
-    getClassSet: getClassSetInLoader
-  };
-  const { findRewriteAnchor, findClassSetAnchor } = createLoaderAnchorFinders(appType);
-  const cssImportRewriteLoaderOptions = runtimeLoaderRewriteOptions ? {
-    rewriteCssImports: runtimeLoaderRewriteOptions
-  } : void 0;
-  if (runtimeCssImportRewriteLoader && shouldRewriteCssImports && cssImportRewriteLoaderOptions && isMpxApp) {
-    injectMpxCssRewritePreRules(compiler, runtimeCssImportRewriteLoader, cssImportRewriteLoaderOptions);
-  }
-  const createRuntimeClassSetLoaderEntry = () => ({
-    loader: runtimeClassSetLoader,
-    options: classSetLoaderOptions,
-    ident: null,
-    type: null
-  });
-  const createCssImportRewriteLoaderEntry = () => {
-    if (!runtimeCssImportRewriteLoader) {
-      return null;
-    }
-    return {
-      loader: runtimeCssImportRewriteLoader,
-      options: cssImportRewriteLoaderOptions,
-      ident: null,
-      type: null
-    };
-  };
-  compiler.hooks.compilation.tap(pluginName, (compilation) => {
-    compilation.hooks.normalModuleLoader.tap(pluginName, (_loaderContext, module) => {
-      const hasRuntimeLoader = runtimeClassSetLoaderExists || runtimeCssImportRewriteLoaderExists;
-      if (!hasRuntimeLoader) {
-        return;
-      }
-      if (shouldRewriteCssImports && isMpx(appType) && typeof _loaderContext.resolve === "function") {
-        patchMpxLoaderResolve(_loaderContext, weappTailwindcssPackageDir2, true);
-      }
-      const loaderEntries = module.loaders || [];
-      let rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
-      const classSetAnchorIdx = findClassSetAnchor(loaderEntries);
-      const isCssModule = isCssLikeModuleResource(module.resource, compilerOptions.cssMatcher, appType);
-      if (process2.env.WEAPP_TW_LOADER_DEBUG && isCssModule) {
-        debug2("loader hook css module: %s loaders=%o anchors=%o", module.resource, loaderEntries.map((x) => x.loader), { rewriteAnchorIdx, classSetAnchorIdx });
-      }
-      if (process2.env.WEAPP_TW_LOADER_DEBUG && typeof module.resource === "string" && module.resource.includes("app.css")) {
-        debug2("app.css module loaders=%o anchors=%o", loaderEntries.map((x) => x.loader), { rewriteAnchorIdx, classSetAnchorIdx });
-      } else if (process2.env.WEAPP_TW_LOADER_DEBUG && typeof module.resource === "string" && module.resource.endsWith(".css")) {
-        debug2("css module seen: %s loaders=%o anchors=%o", module.resource, loaderEntries.map((x) => x.loader), { rewriteAnchorIdx, classSetAnchorIdx });
-      }
-      if (rewriteAnchorIdx === -1 && classSetAnchorIdx === -1 && !isCssModule) {
-        return;
-      }
-      const anchorlessInsert = (entry, position) => {
-        if (position === "after") {
-          loaderEntries.push(entry);
-        } else {
-          loaderEntries.unshift(entry);
-        }
-      };
-      if (runtimeLoaderRewriteOptions && runtimeCssImportRewriteLoaderExists && cssImportRewriteLoaderOptions && runtimeCssImportRewriteLoader) {
-        const existingIndex = loaderEntries.findIndex(
-          (entry) => entry.loader?.includes?.(runtimeCssImportRewriteLoader)
-        );
-        const rewriteEntry = existingIndex !== -1 ? loaderEntries.splice(existingIndex, 1)[0] : createCssImportRewriteLoaderEntry();
-        if (rewriteEntry) {
-          const anchorIndex = findRewriteAnchor(loaderEntries);
-          if (anchorIndex === -1) {
-            anchorlessInsert(rewriteEntry, "after");
-          } else {
-            loaderEntries.splice(anchorIndex + 1, 0, rewriteEntry);
-          }
-          rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
-        }
-      }
-      if (runtimeClassSetLoaderExists && !hasLoaderEntry(loaderEntries, runtimeClassSetLoader)) {
-        const anchorIndex = findClassSetAnchor(loaderEntries);
-        if (anchorIndex === -1) {
-          anchorlessInsert(createRuntimeClassSetLoaderEntry(), "before");
-        } else {
-          const insertIndex = anchorIndex === -1 ? rewriteAnchorIdx : anchorIndex;
-          loaderEntries.splice(insertIndex, 0, createRuntimeClassSetLoaderEntry());
-        }
-      }
-    });
-  });
+	const { compiler, options: compilerOptions, appType, weappTailwindcssPackageDir, shouldRewriteCssImports, runtimeLoaderPath, runtimeCssImportRewriteLoaderPath, getClassSetInLoader, debug } = options;
+	const isMpxApp = isMpx(appType);
+	if (shouldRewriteCssImports && isMpxApp) ensureMpxTailwindcssAliases(compiler, weappTailwindcssPackageDir);
+	const runtimeClassSetLoader = runtimeLoaderPath ?? path.resolve(__dirname, "./weapp-tw-runtime-classset-loader.js");
+	const runtimeCssImportRewriteLoader = shouldRewriteCssImports ? runtimeCssImportRewriteLoaderPath ?? path.resolve(__dirname, "./weapp-tw-css-import-rewrite-loader.js") : void 0;
+	const runtimeClassSetLoaderExists = fs.existsSync(runtimeClassSetLoader);
+	const runtimeCssImportRewriteLoaderExists = runtimeCssImportRewriteLoader ? fs.existsSync(runtimeCssImportRewriteLoader) : false;
+	const runtimeLoaderRewriteOptions = shouldRewriteCssImports ? {
+		pkgDir: weappTailwindcssPackageDir,
+		appType
+	} : void 0;
+	const classSetLoaderOptions = { getClassSet: getClassSetInLoader };
+	const { findRewriteAnchor, findClassSetAnchor } = createLoaderAnchorFinders(appType);
+	const cssImportRewriteLoaderOptions = runtimeLoaderRewriteOptions ? { rewriteCssImports: runtimeLoaderRewriteOptions } : void 0;
+	if (runtimeCssImportRewriteLoader && shouldRewriteCssImports && cssImportRewriteLoaderOptions && isMpxApp) injectMpxCssRewritePreRules(compiler, runtimeCssImportRewriteLoader, cssImportRewriteLoaderOptions);
+	const createRuntimeClassSetLoaderEntry = () => ({
+		loader: runtimeClassSetLoader,
+		options: classSetLoaderOptions,
+		ident: null,
+		type: null
+	});
+	const createCssImportRewriteLoaderEntry = () => {
+		if (!runtimeCssImportRewriteLoader) return null;
+		return {
+			loader: runtimeCssImportRewriteLoader,
+			options: cssImportRewriteLoaderOptions,
+			ident: null,
+			type: null
+		};
+	};
+	compiler.hooks.compilation.tap(pluginName, (compilation) => {
+		compilation.hooks.normalModuleLoader.tap(pluginName, (_loaderContext, module) => {
+			if (!(runtimeClassSetLoaderExists || runtimeCssImportRewriteLoaderExists)) return;
+			if (shouldRewriteCssImports && isMpx(appType) && typeof _loaderContext.resolve === "function") patchMpxLoaderResolve(_loaderContext, weappTailwindcssPackageDir, true);
+			const loaderEntries = module.loaders || [];
+			let rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
+			const classSetAnchorIdx = findClassSetAnchor(loaderEntries);
+			const isCssModule = isCssLikeModuleResource(module.resource, compilerOptions.cssMatcher, appType);
+			if (process.env.WEAPP_TW_LOADER_DEBUG && isCssModule) debug("loader hook css module: %s loaders=%o anchors=%o", module.resource, loaderEntries.map((x) => x.loader), {
+				rewriteAnchorIdx,
+				classSetAnchorIdx
+			});
+			if (process.env.WEAPP_TW_LOADER_DEBUG && typeof module.resource === "string" && module.resource.includes("app.css")) debug("app.css module loaders=%o anchors=%o", loaderEntries.map((x) => x.loader), {
+				rewriteAnchorIdx,
+				classSetAnchorIdx
+			});
+			else if (process.env.WEAPP_TW_LOADER_DEBUG && typeof module.resource === "string" && module.resource.endsWith(".css")) debug("css module seen: %s loaders=%o anchors=%o", module.resource, loaderEntries.map((x) => x.loader), {
+				rewriteAnchorIdx,
+				classSetAnchorIdx
+			});
+			if (rewriteAnchorIdx === -1 && classSetAnchorIdx === -1 && !isCssModule) return;
+			const anchorlessInsert = (entry, position) => {
+				if (position === "after") loaderEntries.push(entry);
+				else loaderEntries.unshift(entry);
+			};
+			if (runtimeLoaderRewriteOptions && runtimeCssImportRewriteLoaderExists && cssImportRewriteLoaderOptions && runtimeCssImportRewriteLoader) {
+				const existingIndex = loaderEntries.findIndex((entry) => entry.loader?.includes?.(runtimeCssImportRewriteLoader));
+				const rewriteEntry = existingIndex !== -1 ? loaderEntries.splice(existingIndex, 1)[0] : createCssImportRewriteLoaderEntry();
+				if (rewriteEntry) {
+					const anchorIndex = findRewriteAnchor(loaderEntries);
+					if (anchorIndex === -1) anchorlessInsert(rewriteEntry, "after");
+					else loaderEntries.splice(anchorIndex + 1, 0, rewriteEntry);
+					rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
+				}
+			}
+			if (runtimeClassSetLoaderExists && !hasLoaderEntry(loaderEntries, runtimeClassSetLoader)) {
+				const anchorIndex = findClassSetAnchor(loaderEntries);
+				if (anchorIndex === -1) anchorlessInsert(createRuntimeClassSetLoaderEntry(), "before");
+				else {
+					const insertIndex = anchorIndex === -1 ? rewriteAnchorIdx : anchorIndex;
+					loaderEntries.splice(insertIndex, 0, createRuntimeClassSetLoaderEntry());
+				}
+			}
+		});
+	});
 }
-
-// src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
-var debug = createDebug();
-var weappTailwindcssPackageDir = resolvePackageDir("weapp-tailwindcss");
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
+const debug = createDebug();
+const weappTailwindcssPackageDir = resolvePackageDir("weapp-tailwindcss");
+/**
+* @name UnifiedWebpackPluginV4
+* @description webpack4 核心转义插件
+* @link https://tw.icebreaker.top/docs/intro
+*/
 var UnifiedWebpackPluginV4 = class {
-  constructor(options = {}) {
-    this.options = getCompilerContext(options);
-    this.appType = this.options.appType;
-  }
-  apply(compiler) {
-    compiler.options = compiler.options || {};
-    const {
-      disabled,
-      onLoad,
-      runtimeLoaderPath,
-      runtimeCssImportRewriteLoaderPath,
-      twPatcher: initialTwPatcher,
-      refreshTailwindcssPatcher
-    } = this.options;
-    const disabledOptions = resolveDisabledOptions(disabled);
-    const isTailwindcssV4 = (initialTwPatcher.majorVersion ?? 0) >= 4;
-    const shouldRewriteCssImports = isTailwindcssV4 && this.options.rewriteCssImports !== false && !disabledOptions.rewriteCssImports;
-    const isMpxApp = isMpx(this.appType);
-    if (shouldRewriteCssImports) {
-      applyTailwindcssCssImportRewrite(compiler, {
-        pkgDir: weappTailwindcssPackageDir,
-        enabled: true,
-        appType: this.appType
-      });
-      setupMpxTailwindcssRedirect(weappTailwindcssPackageDir, isMpxApp);
-    }
-    if (disabledOptions.plugin) {
-      return;
-    }
-    const patchRecorderState = setupPatchRecorder(initialTwPatcher, this.options.tailwindcssBasedir, {
-      source: "runtime",
-      cwd: this.options.tailwindcssBasedir ?? process3.cwd()
-    });
-    const runtimeState = {
-      twPatcher: initialTwPatcher,
-      patchPromise: patchRecorderState.patchPromise,
-      refreshTailwindcssPatcher,
-      onPatchCompleted: patchRecorderState.onPatchCompleted
-    };
-    let runtimeSetPrepared = false;
-    let runtimeSetSignature;
-    compiler.hooks.compilation.tap(pluginName, () => {
-      runtimeSetPrepared = false;
-    });
-    async function getClassSetInLoader() {
-      if (runtimeSetPrepared) {
-        return;
-      }
-      const signature = getRuntimeClassSetSignature(runtimeState.twPatcher);
-      const forceRefresh = signature !== runtimeSetSignature;
-      runtimeSetPrepared = true;
-      await ensureRuntimeClassSet(runtimeState, {
-        forceRefresh,
-        forceCollect: true,
-        clearCache: forceRefresh,
-        allowEmpty: true
-      });
-      runtimeSetSignature = signature;
-    }
-    onLoad();
-    setupWebpackV4Loaders({
-      compiler,
-      options: this.options,
-      appType: this.appType,
-      weappTailwindcssPackageDir,
-      shouldRewriteCssImports,
-      runtimeLoaderPath,
-      runtimeCssImportRewriteLoaderPath,
-      getClassSetInLoader,
-      debug
-    });
-    setupWebpackV4EmitHook({
-      compiler,
-      options: this.options,
-      appType: this.appType,
-      runtimeState,
-      debug
-    });
-  }
-};
-export {
-  UnifiedWebpackPluginV4,
-  UnifiedWebpackPluginV4 as weappTailwindcss,
-  weappTailwindcssPackageDir
+	constructor(options = {}) {
+		this.options = getCompilerContext(options);
+		this.appType = this.options.appType;
+	}
+	apply(compiler) {
+		compiler.options = compiler.options || {};
+		const { disabled, onLoad, runtimeLoaderPath, runtimeCssImportRewriteLoaderPath, twPatcher: initialTwPatcher, refreshTailwindcssPatcher } = this.options;
+		const disabledOptions = resolveDisabledOptions(disabled);
+		const shouldRewriteCssImports = (initialTwPatcher.majorVersion ?? 0) >= 4 && this.options.rewriteCssImports !== false && !disabledOptions.rewriteCssImports;
+		const isMpxApp = isMpx(this.appType);
+		if (shouldRewriteCssImports) {
+			applyTailwindcssCssImportRewrite(compiler, {
+				pkgDir: weappTailwindcssPackageDir,
+				enabled: true,
+				appType: this.appType
+			});
+			setupMpxTailwindcssRedirect(weappTailwindcssPackageDir, isMpxApp);
+		}
+		if (disabledOptions.plugin) return;
+		const patchRecorderState = setupPatchRecorder(initialTwPatcher, this.options.tailwindcssBasedir, {
+			source: "runtime",
+			cwd: this.options.tailwindcssBasedir ?? process.cwd()
+		});
+		const runtimeState = {
+			twPatcher: initialTwPatcher,
+			patchPromise: patchRecorderState.patchPromise,
+			refreshTailwindcssPatcher,
+			onPatchCompleted: patchRecorderState.onPatchCompleted
+		};
+		let runtimeSetPrepared = false;
+		let runtimeSetSignature;
+		compiler.hooks.compilation.tap(pluginName, () => {
+			runtimeSetPrepared = false;
+		});
+		async function getClassSetInLoader() {
+			if (runtimeSetPrepared) return;
+			const signature = getRuntimeClassSetSignature(runtimeState.twPatcher);
+			const forceRefresh = signature !== runtimeSetSignature;
+			runtimeSetPrepared = true;
+			await ensureRuntimeClassSet(runtimeState, {
+				forceRefresh,
+				forceCollect: true,
+				clearCache: forceRefresh,
+				allowEmpty: true
+			});
+			runtimeSetSignature = signature;
+		}
+		onLoad();
+		setupWebpackV4Loaders({
+			compiler,
+			options: this.options,
+			appType: this.appType,
+			weappTailwindcssPackageDir,
+			shouldRewriteCssImports,
+			runtimeLoaderPath,
+			runtimeCssImportRewriteLoaderPath,
+			getClassSetInLoader,
+			debug
+		});
+		setupWebpackV4EmitHook({
+			compiler,
+			options: this.options,
+			appType: this.appType,
+			runtimeState,
+			debug
+		});
+	}
 };
+//#endregion
+export { UnifiedWebpackPluginV4, UnifiedWebpackPluginV4 as WeappTailwindcss, UnifiedWebpackPluginV4 as weappTailwindcss, weappTailwindcssPackageDir };