weapp-tailwindcss 4.11.2 → 4.12.0-alpha.2

package/dist/webpack4.js

@@ -10,14 +10,14 @@
 
 
 
-var _chunkAV3XB6EQjs = require('./chunk-AV3XB6EQ.js');
+var _chunk2A4NRLSYjs = require('./chunk-2A4NRLSY.js');
 
 
 
 
 
 
-var _chunk7LKMJZD2js = require('./chunk-7LKMJZD2.js');
+var _chunkGMKSBLNYjs = require('./chunk-GMKSBLNY.js');
 
 
 var _chunkOF6MFURRjs = require('./chunk-OF6MFURR.js');
@@ -27,15 +27,16 @@ var _chunkOF6MFURRjs = require('./chunk-OF6MFURR.js');
 
 
 
-var _chunkTT5WHNGSjs = require('./chunk-TT5WHNGS.js');
 
+var _chunkYVRX3F6Sjs = require('./chunk-YVRX3F6S.js');
 
-var _chunkQK6VNNNLjs = require('./chunk-QK6VNNNL.js');
+
+var _chunkNIS74SI6js = require('./chunk-NIS74SI6.js');
 require('./chunk-A5PB4KZT.js');
 
 
 var _chunkDYLQ6UOIjs = require('./chunk-DYLQ6UOI.js');
-require('./chunk-CRDOWYG4.js');
+require('./chunk-ONLKZIRQ.js');
 
 // src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
 var _process = require('process'); var _process2 = _interopRequireDefault(_process);
@@ -50,6 +51,13 @@ function resolveWebpackStaleClassNameFallback(option, _compiler) {
   }
   return false;
 }
+function toWebpackV4AssetCompilation(compilation) {
+  return compilation;
+}
+function readWebpackV4AssetSource(asset) {
+  const source = asset.source();
+  return typeof source === "string" ? source : source.toString();
+}
 function setupWebpackV4EmitHook(options) {
   const {
     compiler,
@@ -59,7 +67,7 @@ function setupWebpackV4EmitHook(options) {
     debug: debug2
   } = options;
   const cssHandlerOptionsCache = /* @__PURE__ */ new Map();
-  compiler.hooks.emit.tapPromise(_chunkTT5WHNGSjs.pluginName, async (compilation) => {
+  compiler.hooks.emit.tapPromise(_chunkYVRX3F6Sjs.pluginName, async (compilation) => {
     await runtimeState.patchPromise;
     compilerOptions.onStart();
     debug2("start");
@@ -68,32 +76,32 @@ function setupWebpackV4EmitHook(options) {
         compilerOptions.cache.calcHashValueChanged(chunk.id, chunk.hash);
       }
     }
-    const assetHashByChunk = _chunkAV3XB6EQjs.createAssetHashByChunkMap.call(void 0, compilation.chunks);
-    const assets = compilation.assets;
+    const assetCompilation = toWebpackV4AssetCompilation(compilation);
+    const assetHashByChunk = _chunk2A4NRLSYjs.createAssetHashByChunkMap.call(void 0, compilation.chunks);
+    const assets = assetCompilation.assets;
     const entries = Object.entries(assets);
     const outputDir = _optionalChain([compiler, 'access', _ => _.options, 'optionalAccess', _2 => _2.output, 'optionalAccess', _3 => _3.path]) ? _path2.default.resolve(compiler.options.output.path) : _process2.default.cwd();
     const jsAssets = /* @__PURE__ */ new Map();
     for (const [file] of entries) {
       if (compilerOptions.jsMatcher(file) || compilerOptions.wxsMatcher(file)) {
-        const absolute = _chunk7LKMJZD2js.toAbsoluteOutputPath.call(void 0, file, outputDir);
+        const absolute = _chunkGMKSBLNYjs.toAbsoluteOutputPath.call(void 0, file, outputDir);
         jsAssets.set(absolute, file);
       }
     }
     const moduleGraphOptions = {
       resolve(specifier, importer) {
-        return _chunk7LKMJZD2js.resolveOutputSpecifier.call(void 0, specifier, importer, outputDir, (candidate) => jsAssets.has(candidate));
+        return _chunkGMKSBLNYjs.resolveOutputSpecifier.call(void 0, specifier, importer, outputDir, (candidate) => jsAssets.has(candidate));
       },
       load: (id) => {
         const assetName = jsAssets.get(id);
         if (!assetName) {
           return void 0;
         }
-        const assetSource = compilation.assets[assetName];
+        const assetSource = assetCompilation.assets[assetName];
         if (!assetSource) {
           return void 0;
         }
-        const source = assetSource.source();
-        return typeof source === "string" ? source : source.toString();
+        return readWebpackV4AssetSource(assetSource);
       },
       filter(id) {
         return jsAssets.has(id);
@@ -108,17 +116,16 @@ function setupWebpackV4EmitHook(options) {
         if (!assetName) {
           continue;
         }
-        const assetSource = compilation.assets[assetName];
+        const assetSource = assetCompilation.assets[assetName];
         if (!assetSource) {
           continue;
         }
-        const previousSource = assetSource.source();
-        const previous = typeof previousSource === "string" ? previousSource : previousSource.toString();
+        const previous = readWebpackV4AssetSource(assetSource);
         if (previous === code) {
           continue;
         }
         const source = new (0, _webpacksources.ConcatSource)(code);
-        compilation.updateAsset(assetName, source);
+        assetCompilation.updateAsset(assetName, source);
         compilerOptions.onUpdate(assetName, previous, code);
         debug2("js linked handle: %s", assetName);
       }
@@ -145,7 +152,7 @@ function setupWebpackV4EmitHook(options) {
       return created;
     };
     const staleClassNameFallback = resolveWebpackStaleClassNameFallback(compilerOptions.staleClassNameFallback, compiler);
-    const runtimeSet = await _chunkTT5WHNGSjs.ensureRuntimeClassSet.call(void 0, runtimeState, {
+    const runtimeSet = await _chunkYVRX3F6Sjs.ensureRuntimeClassSet.call(void 0, runtimeState, {
       // webpack 的 script-only 热更新可能不会触发 runtime classset loader，
       // 这里强制收集可避免沿用上轮 class set，保证 JS 仅按最新集合精确命中。
       forceCollect: true,
@@ -159,7 +166,7 @@ function setupWebpackV4EmitHook(options) {
     if (Array.isArray(groupedEntries.html)) {
       for (const element of groupedEntries.html) {
         const [file, originalSource] = element;
-        const rawSource = originalSource.source().toString();
+        const rawSource = readWebpackV4AssetSource(originalSource);
         const cacheKey = file;
         const chunkHash = assetHashByChunk.get(file);
         tasks.push(
@@ -170,7 +177,7 @@ function setupWebpackV4EmitHook(options) {
             rawSource,
             hash: chunkHash,
             applyResult(source) {
-              compilation.updateAsset(file, source);
+              assetCompilation.updateAsset(file, source);
             },
             onCacheHit() {
               debug2("html cache hit: %s", file);
@@ -191,14 +198,13 @@ function setupWebpackV4EmitHook(options) {
     const jsTaskFactories = [];
     if (Array.isArray(groupedEntries.js)) {
       for (const [file] of groupedEntries.js) {
-        const cacheKey = _chunkAV3XB6EQjs.getCacheKey.call(void 0, file);
-        const assetSource = compilation.assets[file];
+        const cacheKey = _chunk2A4NRLSYjs.getCacheKey.call(void 0, file);
+        const assetSource = assetCompilation.assets[file];
         if (!assetSource) {
           continue;
         }
-        const initialValue = assetSource.source();
-        const initialRawSource = typeof initialValue === "string" ? initialValue : initialValue.toString();
-        const absoluteFile = _chunk7LKMJZD2js.toAbsoluteOutputPath.call(void 0, file, outputDir);
+        const initialRawSource = readWebpackV4AssetSource(assetSource);
+        const absoluteFile = _chunkGMKSBLNYjs.toAbsoluteOutputPath.call(void 0, file, outputDir);
         const chunkHash = assetHashByChunk.get(file);
         const sourceAwareHash = chunkHash ? `${chunkHash}:${compilerOptions.cache.computeHash(initialRawSource)}` : void 0;
         jsTaskFactories.push(async () => {
@@ -209,16 +215,15 @@ function setupWebpackV4EmitHook(options) {
             rawSource: initialRawSource,
             hash: sourceAwareHash,
             applyResult(source) {
-              compilation.updateAsset(file, source);
+              assetCompilation.updateAsset(file, source);
             },
             onCacheHit() {
               debug2("js cache hit: %s", file);
             },
             transform: async () => {
-              const currentAsset = compilation.assets[file];
-              const currentValue = _optionalChain([currentAsset, 'optionalAccess', _4 => _4.source, 'call', _5 => _5()]);
-              const currentSource = typeof currentValue === "string" ? currentValue : _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _6 => _6.toString, 'call', _7 => _7()]), () => ( ""));
-              const { code, linked } = await compilerOptions.jsHandler(currentSource, runtimeSet, {
+              const currentAsset = assetCompilation.assets[file];
+              const currentSource = currentAsset ? readWebpackV4AssetSource(currentAsset) : "";
+              const handlerOptions = {
                 staleClassNameFallback,
                 tailwindcssMajorVersion: runtimeState.twPatcher.majorVersion,
                 filename: absoluteFile,
@@ -226,7 +231,11 @@ function setupWebpackV4EmitHook(options) {
                 babelParserOptions: {
                   sourceFilename: absoluteFile
                 }
-              });
+              };
+              if (_chunkYVRX3F6Sjs.shouldSkipJsTransform.call(void 0, currentSource, handlerOptions)) {
+                return { result: new (0, _webpacksources.ConcatSource)(currentSource) };
+              }
+              const { code, linked } = await compilerOptions.jsHandler(currentSource, runtimeSet, handlerOptions);
               const source = new (0, _webpacksources.ConcatSource)(code);
               compilerOptions.onUpdate(file, currentSource, code);
               debug2("js handle: %s", file);
@@ -242,7 +251,7 @@ function setupWebpackV4EmitHook(options) {
     if (Array.isArray(groupedEntries.css)) {
       for (const element of groupedEntries.css) {
         const [file, originalSource] = element;
-        const rawSource = originalSource.source().toString();
+        const rawSource = readWebpackV4AssetSource(originalSource);
         const cacheKey = file;
         const chunkHash = assetHashByChunk.get(file);
         tasks.push(
@@ -253,7 +262,7 @@ function setupWebpackV4EmitHook(options) {
             rawSource,
             hash: chunkHash,
             applyResult(source) {
-              compilation.updateAsset(file, source);
+              assetCompilation.updateAsset(file, source);
             },
             onCacheHit() {
               debug2("css cache hit: %s", file);
@@ -272,7 +281,7 @@ function setupWebpackV4EmitHook(options) {
         );
       }
     }
-    _chunk7LKMJZD2js.pushConcurrentTaskFactories.call(void 0, tasks, jsTaskFactories);
+    _chunkGMKSBLNYjs.pushConcurrentTaskFactories.call(void 0, tasks, jsTaskFactories);
     await Promise.all(tasks);
     debug2("end");
     compilerOptions.onEnd();
@@ -295,9 +304,9 @@ function setupWebpackV4Loaders(options) {
     getClassSetInLoader,
     debug: debug2
   } = options;
-  const isMpxApp = _chunkAV3XB6EQjs.isMpx.call(void 0, appType);
+  const isMpxApp = _chunk2A4NRLSYjs.isMpx.call(void 0, appType);
   if (shouldRewriteCssImports && isMpxApp) {
-    _chunkAV3XB6EQjs.ensureMpxTailwindcssAliases.call(void 0, compiler, weappTailwindcssPackageDir2);
+    _chunk2A4NRLSYjs.ensureMpxTailwindcssAliases.call(void 0, compiler, weappTailwindcssPackageDir2);
   }
   const runtimeClassSetLoader = _nullishCoalesce(runtimeLoaderPath, () => ( _path2.default.resolve(__dirname, "./weapp-tw-runtime-classset-loader.js")));
   const runtimeCssImportRewriteLoader = shouldRewriteCssImports ? _nullishCoalesce(runtimeCssImportRewriteLoaderPath, () => ( _path2.default.resolve(__dirname, "./weapp-tw-css-import-rewrite-loader.js"))) : void 0;
@@ -310,12 +319,12 @@ function setupWebpackV4Loaders(options) {
   const classSetLoaderOptions = {
     getClassSet: getClassSetInLoader
   };
-  const { findRewriteAnchor, findClassSetAnchor } = _chunkAV3XB6EQjs.createLoaderAnchorFinders.call(void 0, appType);
+  const { findRewriteAnchor, findClassSetAnchor } = _chunk2A4NRLSYjs.createLoaderAnchorFinders.call(void 0, appType);
   const cssImportRewriteLoaderOptions = runtimeLoaderRewriteOptions ? {
     rewriteCssImports: runtimeLoaderRewriteOptions
   } : void 0;
   if (runtimeCssImportRewriteLoader && shouldRewriteCssImports && cssImportRewriteLoaderOptions && isMpxApp) {
-    _chunkAV3XB6EQjs.injectMpxCssRewritePreRules.call(void 0, compiler, runtimeCssImportRewriteLoader, cssImportRewriteLoaderOptions);
+    _chunk2A4NRLSYjs.injectMpxCssRewritePreRules.call(void 0, compiler, runtimeCssImportRewriteLoader, cssImportRewriteLoaderOptions);
   }
   const createRuntimeClassSetLoaderEntry = () => ({
     loader: runtimeClassSetLoader,
@@ -334,19 +343,19 @@ function setupWebpackV4Loaders(options) {
       type: null
     };
   };
-  compiler.hooks.compilation.tap(_chunkTT5WHNGSjs.pluginName, (compilation) => {
-    compilation.hooks.normalModuleLoader.tap(_chunkTT5WHNGSjs.pluginName, (_loaderContext, module) => {
+  compiler.hooks.compilation.tap(_chunkYVRX3F6Sjs.pluginName, (compilation) => {
+    compilation.hooks.normalModuleLoader.tap(_chunkYVRX3F6Sjs.pluginName, (_loaderContext, module) => {
       const hasRuntimeLoader = runtimeClassSetLoaderExists || runtimeCssImportRewriteLoaderExists;
       if (!hasRuntimeLoader) {
         return;
       }
-      if (shouldRewriteCssImports && _chunkAV3XB6EQjs.isMpx.call(void 0, appType) && typeof _loaderContext.resolve === "function") {
-        _chunkAV3XB6EQjs.patchMpxLoaderResolve.call(void 0, _loaderContext, weappTailwindcssPackageDir2, true);
+      if (shouldRewriteCssImports && _chunk2A4NRLSYjs.isMpx.call(void 0, appType) && typeof _loaderContext.resolve === "function") {
+        _chunk2A4NRLSYjs.patchMpxLoaderResolve.call(void 0, _loaderContext, weappTailwindcssPackageDir2, true);
       }
       const loaderEntries = module.loaders || [];
       let rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
       const classSetAnchorIdx = findClassSetAnchor(loaderEntries);
-      const isCssModule = _chunkAV3XB6EQjs.isCssLikeModuleResource.call(void 0, module.resource, compilerOptions.cssMatcher, appType);
+      const isCssModule = _chunk2A4NRLSYjs.isCssLikeModuleResource.call(void 0, module.resource, compilerOptions.cssMatcher, appType);
       if (_process2.default.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 });
       }
@@ -367,7 +376,7 @@ function setupWebpackV4Loaders(options) {
       };
       if (runtimeLoaderRewriteOptions && runtimeCssImportRewriteLoaderExists && cssImportRewriteLoaderOptions && runtimeCssImportRewriteLoader) {
         const existingIndex = loaderEntries.findIndex(
-          (entry) => _optionalChain([entry, 'access', _8 => _8.loader, 'optionalAccess', _9 => _9.includes, 'optionalCall', _10 => _10(runtimeCssImportRewriteLoader)])
+          (entry) => _optionalChain([entry, 'access', _4 => _4.loader, 'optionalAccess', _5 => _5.includes, 'optionalCall', _6 => _6(runtimeCssImportRewriteLoader)])
         );
         const rewriteEntry = existingIndex !== -1 ? loaderEntries.splice(existingIndex, 1)[0] : createCssImportRewriteLoaderEntry();
         if (rewriteEntry) {
@@ -380,7 +389,7 @@ function setupWebpackV4Loaders(options) {
           rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
         }
       }
-      if (runtimeClassSetLoaderExists && !_chunkAV3XB6EQjs.hasLoaderEntry.call(void 0, loaderEntries, runtimeClassSetLoader)) {
+      if (runtimeClassSetLoaderExists && !_chunk2A4NRLSYjs.hasLoaderEntry.call(void 0, loaderEntries, runtimeClassSetLoader)) {
         const anchorIndex = findClassSetAnchor(loaderEntries);
         if (anchorIndex === -1) {
           anchorlessInsert(createRuntimeClassSetLoaderEntry(), "before");
@@ -394,11 +403,11 @@ function setupWebpackV4Loaders(options) {
 }
 
 // src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
-var debug = _chunkTT5WHNGSjs.createDebug.call(void 0, );
-var weappTailwindcssPackageDir = _chunk7LKMJZD2js.resolvePackageDir.call(void 0, "weapp-tailwindcss");
+var debug = _chunkYVRX3F6Sjs.createDebug.call(void 0, );
+var weappTailwindcssPackageDir = _chunkGMKSBLNYjs.resolvePackageDir.call(void 0, "weapp-tailwindcss");
 var UnifiedWebpackPluginV4 = class {
   constructor(options = {}) {
-    this.options = _chunkTT5WHNGSjs.getCompilerContext.call(void 0, options);
+    this.options = _chunkYVRX3F6Sjs.getCompilerContext.call(void 0, options);
     this.appType = this.options.appType;
   }
   apply(compiler) {
@@ -411,22 +420,22 @@ var UnifiedWebpackPluginV4 = class {
       twPatcher: initialTwPatcher,
       refreshTailwindcssPatcher
     } = this.options;
-    const disabledOptions = _chunk7LKMJZD2js.resolveDisabledOptions.call(void 0, disabled);
+    const disabledOptions = _chunkGMKSBLNYjs.resolveDisabledOptions.call(void 0, disabled);
     const isTailwindcssV4 = (_nullishCoalesce(initialTwPatcher.majorVersion, () => ( 0))) >= 4;
     const shouldRewriteCssImports = isTailwindcssV4 && this.options.rewriteCssImports !== false && !disabledOptions.rewriteCssImports;
-    const isMpxApp = _chunkAV3XB6EQjs.isMpx.call(void 0, this.appType);
+    const isMpxApp = _chunk2A4NRLSYjs.isMpx.call(void 0, this.appType);
     if (shouldRewriteCssImports) {
-      _chunkAV3XB6EQjs.applyTailwindcssCssImportRewrite.call(void 0, compiler, {
+      _chunk2A4NRLSYjs.applyTailwindcssCssImportRewrite.call(void 0, compiler, {
         pkgDir: weappTailwindcssPackageDir,
         enabled: true,
         appType: this.appType
       });
-      _chunkAV3XB6EQjs.setupMpxTailwindcssRedirect.call(void 0, weappTailwindcssPackageDir, isMpxApp);
+      _chunk2A4NRLSYjs.setupMpxTailwindcssRedirect.call(void 0, weappTailwindcssPackageDir, isMpxApp);
     }
     if (disabledOptions.plugin) {
       return;
     }
-    const patchRecorderState = _chunkTT5WHNGSjs.setupPatchRecorder.call(void 0, initialTwPatcher, this.options.tailwindcssBasedir, {
+    const patchRecorderState = _chunkYVRX3F6Sjs.setupPatchRecorder.call(void 0, initialTwPatcher, this.options.tailwindcssBasedir, {
       source: "runtime",
       cwd: _nullishCoalesce(this.options.tailwindcssBasedir, () => ( _process2.default.cwd()))
     });
@@ -438,17 +447,17 @@ var UnifiedWebpackPluginV4 = class {
     };
     let runtimeSetPrepared = false;
     let runtimeSetSignature;
-    compiler.hooks.compilation.tap(_chunkTT5WHNGSjs.pluginName, () => {
+    compiler.hooks.compilation.tap(_chunkYVRX3F6Sjs.pluginName, () => {
       runtimeSetPrepared = false;
     });
     async function getClassSetInLoader() {
       if (runtimeSetPrepared) {
         return;
       }
-      const signature = _chunkQK6VNNNLjs.getRuntimeClassSetSignature.call(void 0, runtimeState.twPatcher);
+      const signature = _chunkNIS74SI6js.getRuntimeClassSetSignature.call(void 0, runtimeState.twPatcher);
       const forceRefresh = signature !== runtimeSetSignature;
       runtimeSetPrepared = true;
-      await _chunkTT5WHNGSjs.ensureRuntimeClassSet.call(void 0, runtimeState, {
+      await _chunkYVRX3F6Sjs.ensureRuntimeClassSet.call(void 0, runtimeState, {
         forceRefresh,
         forceCollect: true,
         clearCache: forceRefresh,

package/dist/webpack4.mjs

@@ -10,7 +10,7 @@ import {
   isMpx,
   patchMpxLoaderResolve,
   setupMpxTailwindcssRedirect
-} from "./chunk-JIERVBTX.mjs";
+} from "./chunk-SHDJA4GG.mjs";
 import {
   pushConcurrentTaskFactories,
   resolveDisabledOptions,
@@ -26,18 +26,19 @@ import {
   ensureRuntimeClassSet,
   getCompilerContext,
   pluginName,
-  setupPatchRecorder
-} from "./chunk-AB2RGZQO.mjs";
+  setupPatchRecorder,
+  shouldSkipJsTransform
+} from "./chunk-LWEVOVRD.mjs";
 import {
   getRuntimeClassSetSignature
-} from "./chunk-OMARW5NC.mjs";
+} from "./chunk-AYJ4HLWZ.mjs";
 import "./chunk-XAKAD2CR.mjs";
 import {
   getGroupedEntries
 } from "./chunk-OOHJLO5M.mjs";
 import {
   __dirname
-} from "./chunk-EFBQ4SQR.mjs";
+} from "./chunk-HL3US2OT.mjs";
 
 // src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
 import process3 from "process";
@@ -52,6 +53,13 @@ function resolveWebpackStaleClassNameFallback(option, _compiler) {
   }
   return false;
 }
+function toWebpackV4AssetCompilation(compilation) {
+  return compilation;
+}
+function readWebpackV4AssetSource(asset) {
+  const source = asset.source();
+  return typeof source === "string" ? source : source.toString();
+}
 function setupWebpackV4EmitHook(options) {
   const {
     compiler,
@@ -70,8 +78,9 @@ function setupWebpackV4EmitHook(options) {
         compilerOptions.cache.calcHashValueChanged(chunk.id, chunk.hash);
       }
     }
+    const assetCompilation = toWebpackV4AssetCompilation(compilation);
     const assetHashByChunk = createAssetHashByChunkMap(compilation.chunks);
-    const assets = compilation.assets;
+    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();
@@ -90,12 +99,11 @@ function setupWebpackV4EmitHook(options) {
         if (!assetName) {
           return void 0;
         }
-        const assetSource = compilation.assets[assetName];
+        const assetSource = assetCompilation.assets[assetName];
         if (!assetSource) {
           return void 0;
         }
-        const source = assetSource.source();
-        return typeof source === "string" ? source : source.toString();
+        return readWebpackV4AssetSource(assetSource);
       },
       filter(id) {
         return jsAssets.has(id);
@@ -110,17 +118,16 @@ function setupWebpackV4EmitHook(options) {
         if (!assetName) {
           continue;
         }
-        const assetSource = compilation.assets[assetName];
+        const assetSource = assetCompilation.assets[assetName];
         if (!assetSource) {
           continue;
         }
-        const previousSource = assetSource.source();
-        const previous = typeof previousSource === "string" ? previousSource : previousSource.toString();
+        const previous = readWebpackV4AssetSource(assetSource);
         if (previous === code) {
           continue;
         }
         const source = new ConcatSource(code);
-        compilation.updateAsset(assetName, source);
+        assetCompilation.updateAsset(assetName, source);
         compilerOptions.onUpdate(assetName, previous, code);
         debug2("js linked handle: %s", assetName);
       }
@@ -161,7 +168,7 @@ function setupWebpackV4EmitHook(options) {
     if (Array.isArray(groupedEntries.html)) {
       for (const element of groupedEntries.html) {
         const [file, originalSource] = element;
-        const rawSource = originalSource.source().toString();
+        const rawSource = readWebpackV4AssetSource(originalSource);
         const cacheKey = file;
         const chunkHash = assetHashByChunk.get(file);
         tasks.push(
@@ -172,7 +179,7 @@ function setupWebpackV4EmitHook(options) {
             rawSource,
             hash: chunkHash,
             applyResult(source) {
-              compilation.updateAsset(file, source);
+              assetCompilation.updateAsset(file, source);
             },
             onCacheHit() {
               debug2("html cache hit: %s", file);
@@ -194,12 +201,11 @@ function setupWebpackV4EmitHook(options) {
     if (Array.isArray(groupedEntries.js)) {
       for (const [file] of groupedEntries.js) {
         const cacheKey = getCacheKey(file);
-        const assetSource = compilation.assets[file];
+        const assetSource = assetCompilation.assets[file];
         if (!assetSource) {
           continue;
         }
-        const initialValue = assetSource.source();
-        const initialRawSource = typeof initialValue === "string" ? initialValue : initialValue.toString();
+        const initialRawSource = readWebpackV4AssetSource(assetSource);
         const absoluteFile = toAbsoluteOutputPath(file, outputDir);
         const chunkHash = assetHashByChunk.get(file);
         const sourceAwareHash = chunkHash ? `${chunkHash}:${compilerOptions.cache.computeHash(initialRawSource)}` : void 0;
@@ -211,16 +217,15 @@ function setupWebpackV4EmitHook(options) {
             rawSource: initialRawSource,
             hash: sourceAwareHash,
             applyResult(source) {
-              compilation.updateAsset(file, source);
+              assetCompilation.updateAsset(file, source);
             },
             onCacheHit() {
               debug2("js cache hit: %s", file);
             },
             transform: async () => {
-              const currentAsset = compilation.assets[file];
-              const currentValue = currentAsset?.source();
-              const currentSource = typeof currentValue === "string" ? currentValue : currentValue?.toString() ?? "";
-              const { code, linked } = await compilerOptions.jsHandler(currentSource, runtimeSet, {
+              const currentAsset = assetCompilation.assets[file];
+              const currentSource = currentAsset ? readWebpackV4AssetSource(currentAsset) : "";
+              const handlerOptions = {
                 staleClassNameFallback,
                 tailwindcssMajorVersion: runtimeState.twPatcher.majorVersion,
                 filename: absoluteFile,
@@ -228,7 +233,11 @@ function setupWebpackV4EmitHook(options) {
                 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);
@@ -244,7 +253,7 @@ function setupWebpackV4EmitHook(options) {
     if (Array.isArray(groupedEntries.css)) {
       for (const element of groupedEntries.css) {
         const [file, originalSource] = element;
-        const rawSource = originalSource.source().toString();
+        const rawSource = readWebpackV4AssetSource(originalSource);
         const cacheKey = file;
         const chunkHash = assetHashByChunk.get(file);
         tasks.push(
@@ -255,7 +264,7 @@ function setupWebpackV4EmitHook(options) {
             rawSource,
             hash: chunkHash,
             applyResult(source) {
-              compilation.updateAsset(file, source);
+              assetCompilation.updateAsset(file, source);
             },
             onCacheHit() {
               debug2("css cache hit: %s", file);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weapp-tailwindcss",
-  "version": "4.11.2",
+  "version": "4.12.0-alpha.2",
   "description": "把 tailwindcss 原子化样式思想，带给小程序开发者们! bring tailwindcss to miniprogram developers!",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -150,13 +150,14 @@
     "dist",
     "index.css",
     "preflight.css",
+    "scripts/postinstall.mjs",
     "theme.css",
     "uni-app-x.css",
     "utilities.css",
     "with-layer.css"
   ],
   "engines": {
-    "node": "^18.17.0 || >=20.5.0"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "publishConfig": {
     "access": "public",
@@ -168,8 +169,8 @@
     "@babel/traverse": "~7.29.0",
     "@babel/types": "~7.29.0",
     "@tailwindcss-mangle/config": "^7.0.0",
-    "@vue/compiler-dom": "^3.5.31",
-    "@vue/compiler-sfc": "^3.5.31",
+    "@vue/compiler-dom": "^3.5.33",
+    "@vue/compiler-sfc": "^3.5.33",
     "@weapp-core/escape": "~7.0.0",
     "@weapp-core/regex": "~1.0.1",
     "cac": "6.7.14",
@@ -185,10 +186,14 @@
     "tailwindcss-patch": "9.0.0",
     "webpack-sources": "3.3.4",
     "yaml": "^2.8.3",
+    "@weapp-tailwindcss/postcss": "2.2.0-alpha.1",
     "@weapp-tailwindcss/logger": "1.1.0",
-    "@weapp-tailwindcss/postcss": "2.1.7",
+    "@weapp-tailwindcss/reset": "0.1.0-next.0",
     "@weapp-tailwindcss/shared": "1.1.3"
   },
+  "devDependencies": {
+    "fast-check": "^4.7.0"
+  },
   "scripts": {
     "dev": "tsup --watch --sourcemap",
     "build": "tsup && node scripts/ensure-escape-dts.mjs",
@@ -196,7 +201,7 @@
     "build:cli": "cd plugins/cli && pnpm run build",
     "build:css": "tsx scripts/build-css.ts",
     "build:weapp-theme": "tsx scripts/build-weapp-theme.ts",
-    "test": "npm run postinstall && vitest run",
+    "test": "pnpm run cli:patch && vitest run",
     "test:dev": "vitest",
     "test:ui": "vitest --ui",
     "bench": "vitest bench --config ./vitest.config.ts",
@@ -213,7 +218,7 @@
     "release": "tsx scripts/release.ts",
     "lint": "eslint .",
     "lint:fix": "eslint ./src --fix",
-    "postinstall": "node bin/weapp-tailwindcss.js patch",
+    "postinstall": "node scripts/postinstall.mjs",
     "bench:vite-dev-hmr": "tsx scripts/vite-dev-hmr-bench.ts",
     "test:watch-hmr": "node --import tsx scripts/watch-hmr-regression/index.ts"
   }

package/scripts/postinstall.mjs

@@ -0,0 +1,59 @@
+import { spawnSync } from 'node:child_process'
+import process from 'node:process'
+import { fileURLToPath, pathToFileURL } from 'node:url'
+
+const cliPath = fileURLToPath(new URL('../bin/weapp-tailwindcss.js', import.meta.url))
+const missingRuntimeModuleMessage = `${[
+  '[weapp-tailwindcss] postinstall patch skipped because a runtime module is missing.',
+  'Run `pnpm --filter weapp-tailwindcss build` before strict CLI validation.',
+].join(' ')}\n`
+
+export function isMissingRuntimeModuleOutput(output) {
+  return /MODULE_NOT_FOUND|Cannot find module/.test(output)
+}
+
+export function resolvePostinstallPatchExitCode(result) {
+  if (result.error) {
+    return {
+      code: 0,
+      message: `[weapp-tailwindcss] postinstall patch skipped: ${result.error.message}\n`,
+    }
+  }
+
+  if (result.status && isMissingRuntimeModuleOutput(`${result.stderr ?? ''}\n${result.stdout ?? ''}`)) {
+    return {
+      code: 0,
+      message: missingRuntimeModuleMessage,
+    }
+  }
+
+  return {
+    code: result.status ?? 0,
+  }
+}
+
+export function runPostinstallPatch() {
+  const result = spawnSync(process.execPath, [cliPath, 'patch'], {
+    encoding: 'utf8',
+  })
+
+  if (result.stdout) {
+    process.stdout.write(result.stdout)
+  }
+
+  if (result.stderr) {
+    process.stderr.write(result.stderr)
+  }
+
+  const resolved = resolvePostinstallPatchExitCode(result)
+  if (resolved.message) {
+    process.stderr.write(resolved.message)
+  }
+
+  process.exitCode = resolved.code
+}
+
+const entryPoint = process.argv[1] ? pathToFileURL(process.argv[1]).href : undefined
+if (import.meta.url === entryPoint) {
+  runPostinstallPatch()
+}