weapp-tailwindcss 2.9.2 → 2.9.3

package/README.md

@@ -24,7 +24,7 @@
 > `小程序` + `tailwindcss` 全方面解决方案  
 > 想试试在小程序里使用 `CSS-in-JS` 思想？ 👉🏻👉🏻试试 [`weapp-pandacss`](https://github.com/sonofmagic/weapp-pandacss)
 
-\[[国内部署的文档地址](https://weapp-tw.icebreaker.top)\] \| \[[备用Github Page](https://sonofmagic.github.io/weapp-tailwindcss/)\] \| \[[1.x文档](./v1.md)\]
+\[[国内部署的文档地址](https://weapp-tw.icebreaker.top)\] \| \[[备用Github Page](https://sonofmagic.github.io/weapp-tailwindcss/)\] \| \[[1.x文档]('./v1.md')\]
 
 - [Tips](#tips)
 - [特性](#特性)
@@ -43,13 +43,15 @@
     - [使用`hbuilderx` 进行构建和开发](#使用hbuilderx-进行构建和开发)
     - [使用`tarojs`进行构建 `vscode`开发](#使用tarojs进行构建-vscode开发)
     - [原生小程序开发模板](#原生小程序开发模板)
-  - [tailwindcss plugin](#tailwindcss-plugin)
-  - [tailwindcss preset](#tailwindcss-preset)
+  - [tailwindcss plugin / util](#tailwindcss-plugin--util)
+  - [weapp-pandacss](#weapp-pandacss)
 - [Bugs \& Issues](#bugs--issues)
 
 ## Tips
 
-自从 `2.3.3` 版本开始，我发布了一个额外的包叫 `weapp-tailwindcss`,它和 `weapp-tailwindcss-webpack-plugin` 代码版本完全一致，且保持发布版本的同步。以后可以都去安装 `weapp-tailwindcss` 这个包(当然现在 `webpack-plugin` 这个包也不会废弃，也会时刻保持版本的同步)。为什么要这么做的原因，主要是因为 `weapp-tailwindcss-webpack-plugin` 这个名字，已经不适合描述现在这种，多插件并存的状态了，为了以后的发展改个名字哈哈。
+自从 `2.3.3` 版本开始，我发布了一个额外的包叫 `weapp-tailwindcss`,它和 `weapp-tailwindcss-webpack-plugin` 代码版本完全一致，且保持发布版本的同步。以后可以都去安装 `weapp-tailwindcss` 这个包(当然现在 `webpack-plugin` 这个包也不会废弃，也会时刻保持版本的同步)。为什么要这么做的原因，主要是因为 `weapp-tailwindcss-webpack-plugin` 这个名字，已经不适合描述现在这种，多插件并存的状态了，为了以后的发展就改了个名字。
+
+前沿阅读: [What’s Tailwind Oxide Engine? The Next Evolution of Tailwind CSS](https://medium.com/@bomber.marek/whats-tailwind-oxide-engine-the-next-evolution-of-tailwind-css-32e7ef8e19a1)，未来 `tailwindcss` 会切换到这个引擎来大幅加快构建和运行速度，当然等它发布正式版本的时候，我也会尽可能第一时间去进行兼容新的引擎。
 
 ## 特性
 
@@ -63,7 +65,7 @@
 
 ### 插件介绍
 
-从 `weapp-tailwindcss/webpack` 导出的`UnifiedWebpackPluginV5` 是一个核心插件，所有使用 `webpack` 进行打包的框架都可以使用它。
+从 `weapp-tailwindcss/webpack` 导出的`UnifiedWebpackPluginV5` 是一个核心插件，所有使用 `webpack5` 进行打包的框架都可以使用它。
 
 从 `weapp-tailwindcss/vite` 导出的`UnifiedViteWeappTailwindcssPlugin` 为 `vite` 专用插件，配置项和使用方式和 `webpack` 插件是一致的。
 
@@ -121,13 +123,15 @@
 
 [weapp-native-mina-tailwindcss-template(webpack打包)](https://github.com/sonofmagic/weapp-native-mina-tailwindcss-template)
 
-### tailwindcss plugin
+### tailwindcss plugin / util
+
+- [css-to-tailwindcss-plugin](./packages/css-to-tailwindcss-plugin/) transform your `css/scss` to `tailwindcss plugin`
 
-[weapp-tailwindcss-children](https://github.com/sonofmagic/weapp-tailwindcss-children)
+- [weapp-tailwindcss-children](https://github.com/sonofmagic/weapp-tailwindcss-children)
 
-### tailwindcss preset
+### weapp-pandacss
 
-[tailwindcss-miniprogram-preset](https://github.com/sonofmagic/tailwindcss-miniprogram-preset)
+[weapp-pandacss](https://github.com/sonofmagic/weapp-pandacss) `CSS-in-JS` 编译时框架的小程序适配器
 
 ## Bugs & Issues
 

package/dist/cache/index.d.ts

@@ -18,10 +18,13 @@ export interface ICreateCacheReturnType {
     set: <V extends CacheValue = sources.Source>(key: string, value: V) => this['instance'];
     has: (key: string) => boolean;
     calcHashValueChanged: (key: HashMapKey, hash: string) => this;
-    process: (key: string, callback: () => void | false, fallback: () => void | {
+    process: (key: string, callback: () => void | false | Promise<void | false>, fallback: () => void | {
         key: string;
         source: CacheValue;
-    }) => void;
+    } | Promise<void | {
+        key: string;
+        source: CacheValue;
+    }>) => void | Promise<void>;
 }
 declare function createCache(): ICreateCacheReturnType;
 export { createCache };

package/dist/cli.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var options = require('./options-9dd8de2e.js');
+var options = require('./options-09ebba08.js');
 require('micromatch');
 require('magic-string');
 require('./replace.js');

package/dist/cli.mjs

@@ -1,4 +1,4 @@
-import { g as getOptions, c as createPatch } from './options-e1a9fdd3.mjs';
+import { g as getOptions, c as createPatch } from './options-63407615.mjs';
 import 'micromatch';
 import 'magic-string';
 import './replace.mjs';

package/dist/gulp.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var options = require('./options-09ebba08.js');
 var stream = require('node:stream');
-var options = require('./options-9dd8de2e.js');
 require('micromatch');
 require('magic-string');
 require('./replace.js');
@@ -39,23 +39,27 @@ function createPlugins(options$1 = {}) {
         options$1.customReplaceDictionary = 'simple';
     }
     const opts = options.getOptions(options$1);
-    const { templateHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet } = opts;
+    const { templateHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet, tailwindcssBasedir } = opts;
     let runtimeSet = new Set();
     patch === null || patch === void 0 ? void 0 : patch();
     const twPatcher = options.createTailwindcssPatcher();
     function transformWxss() {
         const transformStream = new Transform({ objectMode: true });
         transformStream._transform = function (file, encoding, callback) {
-            runtimeSet = twPatcher.getClassSet();
-            setMangleRuntimeSet(runtimeSet);
-            const error = null;
-            if (file.contents) {
-                const code = styleHandler(file.contents.toString(), {
-                    isMainChunk: true
+            return options.__awaiter(this, void 0, void 0, function* () {
+                runtimeSet = twPatcher.getClassSet({
+                    basedir: tailwindcssBasedir
                 });
-                file.contents = Buffer.from(code);
-            }
-            callback(error, file);
+                setMangleRuntimeSet(runtimeSet);
+                const error = null;
+                if (file.contents) {
+                    const code = yield styleHandler(file.contents.toString(), {
+                        isMainChunk: true
+                    });
+                    file.contents = Buffer.from(code);
+                }
+                callback(error, file);
+            });
         };
         return transformStream;
     }

package/dist/gulp.mjs

@@ -1,5 +1,5 @@
+import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-63407615.mjs';
 import stream from 'node:stream';
-import { g as getOptions, a as createTailwindcssPatcher } from './options-e1a9fdd3.mjs';
 import 'micromatch';
 import 'magic-string';
 import './replace.mjs';
@@ -31,23 +31,27 @@ function createPlugins(options = {}) {
         options.customReplaceDictionary = 'simple';
     }
     const opts = getOptions(options);
-    const { templateHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet } = opts;
+    const { templateHandler, styleHandler, patch, jsHandler, setMangleRuntimeSet, tailwindcssBasedir } = opts;
     let runtimeSet = new Set();
     patch === null || patch === void 0 ? void 0 : patch();
     const twPatcher = createTailwindcssPatcher();
     function transformWxss() {
         const transformStream = new Transform({ objectMode: true });
         transformStream._transform = function (file, encoding, callback) {
-            runtimeSet = twPatcher.getClassSet();
-            setMangleRuntimeSet(runtimeSet);
-            const error = null;
-            if (file.contents) {
-                const code = styleHandler(file.contents.toString(), {
-                    isMainChunk: true
+            return __awaiter(this, void 0, void 0, function* () {
+                runtimeSet = twPatcher.getClassSet({
+                    basedir: tailwindcssBasedir
                 });
-                file.contents = Buffer.from(code);
-            }
-            callback(error, file);
+                setMangleRuntimeSet(runtimeSet);
+                const error = null;
+                if (file.contents) {
+                    const code = yield styleHandler(file.contents.toString(), {
+                        isMainChunk: true
+                    });
+                    file.contents = Buffer.from(code);
+                }
+                callback(error, file);
+            });
         };
         return transformStream;
     }

package/dist/index.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var webpack = require('./webpack.js');
 var vite = require('./vite.js');
 var gulp = require('./gulp.js');
-require('node:path');
-require('node:fs');
-require('./options-9dd8de2e.js');
+require('./options-09ebba08.js');
 require('micromatch');
 require('magic-string');
 require('./replace.js');
@@ -25,6 +23,8 @@ require('postcss');
 require('./postcss-8d7f67b4.js');
 require('postcss-selector-parser');
 require('@csstools/postcss-is-pseudo-class');
+require('node:path');
+require('node:fs');
 require('semver');
 require('tailwindcss-patch');
 require('@tailwindcss-mangle/shared');

package/dist/index.mjs

@@ -1,9 +1,7 @@
 export { UnifiedWebpackPluginV5 } from './webpack.mjs';
 export { UnifiedViteWeappTailwindcssPlugin } from './vite.mjs';
 export { createPlugins } from './gulp.mjs';
-import 'node:path';
-import 'node:fs';
-import './options-e1a9fdd3.mjs';
+import './options-63407615.mjs';
 import 'micromatch';
 import 'magic-string';
 import './replace.mjs';
@@ -21,6 +19,8 @@ import 'postcss';
 import './postcss-55ed4d42.mjs';
 import 'postcss-selector-parser';
 import '@csstools/postcss-is-pseudo-class';
+import 'node:path';
+import 'node:fs';
 import 'semver';
 import 'tailwindcss-patch';
 import '@tailwindcss-mangle/shared';

package/dist/{options-9dd8de2e.js → options-09ebba08.js}

@@ -53,6 +53,38 @@ var path__default = /*#__PURE__*/_interopDefaultCompat(path);
 var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 var md5__default = /*#__PURE__*/_interopDefaultCompat(md5);
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 const validateFilterRE = /[\w%-?\u00A0-\uFFFF-]/;
 function isValidSelector(selector = '') {
     return validateFilterRE.test(selector);
@@ -491,7 +523,11 @@ function createTemplateHandler(options = {}) {
 }
 
 function styleHandler(rawSource, options) {
-    return postcss__default["default"]([postcssIsPseudoClass__default["default"](), postcss$1.postcssWeappTailwindcss(options)]).process(rawSource).css;
+    return __awaiter(this, void 0, void 0, function* () {
+        return (yield postcss__default["default"]([postcssIsPseudoClass__default["default"](), postcss$1.postcssWeappTailwindcss(options)])
+            .process(rawSource)
+            .async()).css;
+    });
 }
 function createStyleHandler(options) {
     return (rawSource, opt) => {
@@ -748,17 +784,19 @@ function createCache() {
             return instance.has(key);
         },
         process(key, callback, fallback) {
-            const hit = this.getHashValue(key);
-            if (hit && !hit.changed) {
-                const returnFlag = callback();
-                if (returnFlag !== false) {
-                    return;
+            return __awaiter(this, void 0, void 0, function* () {
+                const hit = this.getHashValue(key);
+                if (hit && !hit.changed) {
+                    const returnFlag = yield callback();
+                    if (returnFlag !== false) {
+                        return;
+                    }
                 }
-            }
-            const res = fallback();
-            if (res) {
-                this.set(res.key, res.source);
-            }
+                const res = yield fallback();
+                if (res) {
+                    this.set(res.key, res.source);
+                }
+            });
         }
     };
 }
@@ -837,6 +875,7 @@ function getOptions(options = {}) {
     return result;
 }
 
+exports.__awaiter = __awaiter;
 exports.createPatch = createPatch;
 exports.createTailwindcssPatcher = createTailwindcssPatcher;
 exports.getOptions = getOptions;

package/dist/{options-e1a9fdd3.mjs → options-63407615.mjs}

@@ -21,6 +21,38 @@ import { ClassGenerator, defaultMangleClassFilter } from '@tailwindcss-mangle/sh
 import { LRUCache } from 'lru-cache';
 import md5 from 'md5';
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 const validateFilterRE = /[\w%-?\u00A0-\uFFFF-]/;
 function isValidSelector(selector = '') {
     return validateFilterRE.test(selector);
@@ -459,7 +491,11 @@ function createTemplateHandler(options = {}) {
 }
 
 function styleHandler(rawSource, options) {
-    return postcss([postcssIsPseudoClass(), postcssWeappTailwindcss(options)]).process(rawSource).css;
+    return __awaiter(this, void 0, void 0, function* () {
+        return (yield postcss([postcssIsPseudoClass(), postcssWeappTailwindcss(options)])
+            .process(rawSource)
+            .async()).css;
+    });
 }
 function createStyleHandler(options) {
     return (rawSource, opt) => {
@@ -716,17 +752,19 @@ function createCache() {
             return instance.has(key);
         },
         process(key, callback, fallback) {
-            const hit = this.getHashValue(key);
-            if (hit && !hit.changed) {
-                const returnFlag = callback();
-                if (returnFlag !== false) {
-                    return;
+            return __awaiter(this, void 0, void 0, function* () {
+                const hit = this.getHashValue(key);
+                if (hit && !hit.changed) {
+                    const returnFlag = yield callback();
+                    if (returnFlag !== false) {
+                        return;
+                    }
                 }
-            }
-            const res = fallback();
-            if (res) {
-                this.set(res.key, res.source);
-            }
+                const res = yield fallback();
+                if (res) {
+                    this.set(res.key, res.source);
+                }
+            });
         }
     };
 }
@@ -805,4 +843,4 @@ function getOptions(options = {}) {
     return result;
 }
 
-export { createTailwindcssPatcher as a, createPatch as c, getOptions as g };
+export { __awaiter as _, createTailwindcssPatcher as a, createPatch as c, getOptions as g };

package/dist/postcss/index.d.ts

@@ -1,3 +1,3 @@
 import type { IStyleHandlerOptions } from "../types";
-export declare function styleHandler(rawSource: string, options: IStyleHandlerOptions): string;
-export declare function createStyleHandler(options: Partial<IStyleHandlerOptions>): (rawSource: string, opt?: Partial<IStyleHandlerOptions>) => string;
+export declare function styleHandler(rawSource: string, options: IStyleHandlerOptions): Promise<string>;
+export declare function createStyleHandler(options: Partial<IStyleHandlerOptions>): (rawSource: string, opt?: Partial<IStyleHandlerOptions>) => Promise<string>;

package/dist/types.d.ts

@@ -106,6 +106,7 @@ export interface UserDefinedOptions {
         root?: string | false;
         universal?: string | false;
     };
+    tailwindcssBasedir?: string;
 }
 export type JsHandler = (rawSource: string, set: Set<string>, options?: CreateJsHandlerOptions) => JsHandlerResult;
 export interface IMangleScopeContext {
@@ -137,7 +138,7 @@ export type InternalUserDefinedOptions = Required<Omit<UserDefinedOptions, GlobO
 } & {
     supportCustomLengthUnitsPatch: ILengthUnitsPatchOptions | false;
     templateHandler: (rawSource: string, options?: ITemplateHandlerOptions) => string;
-    styleHandler: (rawSource: string, options: IStyleHandlerOptions) => string;
+    styleHandler: (rawSource: string, options: IStyleHandlerOptions) => Promise<string>;
     jsHandler: JsHandler;
     escapeMap: Record<string, string>;
     patch: () => void;

package/dist/vite.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-9dd8de2e.js');
+var options = require('./options-09ebba08.js');
 var postcss = require('./postcss-8d7f67b4.js');
 var defaults = require('./defaults-b7341550.js');
 var index = require('./index-aede98ce.js');
@@ -36,7 +36,7 @@ function UnifiedViteWeappTailwindcssPlugin(options$1 = {}) {
         options$1.customReplaceDictionary = 'simple';
     }
     const opts = options.getOptions(options$1);
-    const { disabled, onEnd, onLoad, onStart, onUpdate, templateHandler, styleHandler, patch, jsHandler, mainCssChunkMatcher, appType, setMangleRuntimeSet, cache } = opts;
+    const { disabled, onEnd, onLoad, onStart, onUpdate, templateHandler, styleHandler, patch, jsHandler, mainCssChunkMatcher, appType, setMangleRuntimeSet, cache, tailwindcssBasedir } = opts;
     if (disabled) {
         return;
     }
@@ -47,115 +47,119 @@ function UnifiedViteWeappTailwindcssPlugin(options$1 = {}) {
         name: postcss.vitePluginName,
         enforce: 'post',
         generateBundle(opt, bundle) {
-            debug('start');
-            onStart();
-            const entries = Object.entries(bundle);
-            const groupedEntries = defaults.getGroupedEntries(entries, opts);
-            const runtimeSet = twPatcher.getClassSet();
-            setMangleRuntimeSet(runtimeSet);
-            debug('get runtimeSet, class count: %d', runtimeSet.size);
-            if (Array.isArray(groupedEntries.html)) {
-                let noCachedCount = 0;
-                for (let i = 0; i < groupedEntries.html.length; i++) {
-                    const [file, originalSource] = groupedEntries.html[i];
-                    const oldVal = originalSource.source.toString();
-                    const hash = cache.computeHash(oldVal);
-                    cache.calcHashValueChanged(file, hash);
-                    cache.process(file, () => {
-                        const source = cache.get(file);
-                        if (source) {
-                            originalSource.source = source;
-                            debug('html cache hit: %s', file);
-                        }
-                        else {
-                            return false;
-                        }
-                    }, () => {
-                        originalSource.source = templateHandler(oldVal, {
-                            runtimeSet
+            return options.__awaiter(this, void 0, void 0, function* () {
+                debug('start');
+                onStart();
+                const entries = Object.entries(bundle);
+                const groupedEntries = defaults.getGroupedEntries(entries, opts);
+                const runtimeSet = twPatcher.getClassSet({
+                    basedir: tailwindcssBasedir
+                });
+                setMangleRuntimeSet(runtimeSet);
+                debug('get runtimeSet, class count: %d', runtimeSet.size);
+                if (Array.isArray(groupedEntries.html)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.html.length; i++) {
+                        const [file, originalSource] = groupedEntries.html[i];
+                        const oldVal = originalSource.source.toString();
+                        const hash = cache.computeHash(oldVal);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.source = source;
+                                debug('html cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => {
+                            originalSource.source = templateHandler(oldVal, {
+                                runtimeSet
+                            });
+                            onUpdate(file, oldVal, originalSource.source);
+                            debug('html handle: %s', file);
+                            noCachedCount++;
+                            return {
+                                key: file,
+                                source: originalSource.source
+                            };
                         });
-                        onUpdate(file, oldVal, originalSource.source);
-                        debug('html handle: %s', file);
-                        noCachedCount++;
-                        return {
-                            key: file,
-                            source: originalSource.source
-                        };
-                    });
+                    }
+                    debug('html handle finish, total: %d, no-cached: %d', groupedEntries.html.length, noCachedCount);
                 }
-                debug('html handle finish, total: %d, no-cached: %d', groupedEntries.html.length, noCachedCount);
-            }
-            if (Array.isArray(groupedEntries.js)) {
-                let noCachedCount = 0;
-                for (let i = 0; i < groupedEntries.js.length; i++) {
-                    const [file, originalSource] = groupedEntries.js[i];
-                    const rawSource = originalSource.code;
-                    const hash = cache.computeHash(rawSource);
-                    cache.calcHashValueChanged(file, hash);
-                    cache.process(file, () => {
-                        const source = cache.get(file);
-                        if (source) {
-                            originalSource.code = source;
-                            debug('js cache hit: %s', file);
-                        }
-                        else {
-                            return false;
-                        }
-                    }, () => {
-                        const mapFilename = file + '.map';
-                        const hasMap = Boolean(bundle[mapFilename]);
-                        const { code, map } = jsHandler(rawSource, runtimeSet, {
-                            generateMap: hasMap
+                if (Array.isArray(groupedEntries.js)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.js.length; i++) {
+                        const [file, originalSource] = groupedEntries.js[i];
+                        const rawSource = originalSource.code;
+                        const hash = cache.computeHash(rawSource);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.code = source;
+                                debug('js cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => {
+                            const mapFilename = file + '.map';
+                            const hasMap = Boolean(bundle[mapFilename]);
+                            const { code, map } = jsHandler(rawSource, runtimeSet, {
+                                generateMap: hasMap
+                            });
+                            originalSource.code = code;
+                            onUpdate(file, rawSource, code);
+                            debug('js handle: %s', file);
+                            noCachedCount++;
+                            if (hasMap && map) {
+                                bundle[mapFilename].source = map.toString();
+                            }
+                            return {
+                                key: file,
+                                source: code
+                            };
                         });
-                        originalSource.code = code;
-                        onUpdate(file, rawSource, code);
-                        debug('js handle: %s', file);
-                        noCachedCount++;
-                        if (hasMap && map) {
-                            bundle[mapFilename].source = map.toString();
-                        }
-                        return {
-                            key: file,
-                            source: code
-                        };
-                    });
+                    }
+                    debug('js handle finish, total: %d, no-cached: %d', groupedEntries.js.length, noCachedCount);
                 }
-                debug('js handle finish, total: %d, no-cached: %d', groupedEntries.js.length, noCachedCount);
-            }
-            if (Array.isArray(groupedEntries.css)) {
-                let noCachedCount = 0;
-                for (let i = 0; i < groupedEntries.css.length; i++) {
-                    const [file, originalSource] = groupedEntries.css[i];
-                    const rawSource = originalSource.source.toString();
-                    const hash = cache.computeHash(rawSource);
-                    cache.calcHashValueChanged(file, hash);
-                    cache.process(file, () => {
-                        const source = cache.get(file);
-                        if (source) {
-                            originalSource.source = source;
-                            debug('css cache hit: %s', file);
-                        }
-                        else {
-                            return false;
-                        }
-                    }, () => {
-                        const css = styleHandler(rawSource, {
-                            isMainChunk: mainCssChunkMatcher(originalSource.fileName, appType)
-                        });
-                        originalSource.source = css;
-                        onUpdate(file, rawSource, css);
-                        debug('css handle: %s', file);
-                        noCachedCount++;
-                        return {
-                            key: file,
-                            source: css
-                        };
-                    });
+                if (Array.isArray(groupedEntries.css)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.css.length; i++) {
+                        const [file, originalSource] = groupedEntries.css[i];
+                        const rawSource = originalSource.source.toString();
+                        const hash = cache.computeHash(rawSource);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.source = source;
+                                debug('css cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => options.__awaiter(this, void 0, void 0, function* () {
+                            const css = yield styleHandler(rawSource, {
+                                isMainChunk: mainCssChunkMatcher(originalSource.fileName, appType)
+                            });
+                            originalSource.source = css;
+                            onUpdate(file, rawSource, css);
+                            debug('css handle: %s', file);
+                            noCachedCount++;
+                            return {
+                                key: file,
+                                source: css
+                            };
+                        }));
+                    }
+                    debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
                 }
-                debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
-            }
-            onEnd();
-            debug('end');
+                onEnd();
+                debug('end');
+            });
         }
     };
 }

package/dist/vite.mjs

@@ -1,4 +1,4 @@
-import { g as getOptions, a as createTailwindcssPatcher } from './options-e1a9fdd3.mjs';
+import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-63407615.mjs';
 import { v as vitePluginName } from './postcss-55ed4d42.mjs';
 import { g as getGroupedEntries } from './defaults-d2c66d23.mjs';
 import { c as createDebug } from './index-84c7aa87.mjs';
@@ -32,7 +32,7 @@ function UnifiedViteWeappTailwindcssPlugin(options = {}) {
         options.customReplaceDictionary = 'simple';
     }
     const opts = getOptions(options);
-    const { disabled, onEnd, onLoad, onStart, onUpdate, templateHandler, styleHandler, patch, jsHandler, mainCssChunkMatcher, appType, setMangleRuntimeSet, cache } = opts;
+    const { disabled, onEnd, onLoad, onStart, onUpdate, templateHandler, styleHandler, patch, jsHandler, mainCssChunkMatcher, appType, setMangleRuntimeSet, cache, tailwindcssBasedir } = opts;
     if (disabled) {
         return;
     }
@@ -43,115 +43,119 @@ function UnifiedViteWeappTailwindcssPlugin(options = {}) {
         name: vitePluginName,
         enforce: 'post',
         generateBundle(opt, bundle) {
-            debug('start');
-            onStart();
-            const entries = Object.entries(bundle);
-            const groupedEntries = getGroupedEntries(entries, opts);
-            const runtimeSet = twPatcher.getClassSet();
-            setMangleRuntimeSet(runtimeSet);
-            debug('get runtimeSet, class count: %d', runtimeSet.size);
-            if (Array.isArray(groupedEntries.html)) {
-                let noCachedCount = 0;
-                for (let i = 0; i < groupedEntries.html.length; i++) {
-                    const [file, originalSource] = groupedEntries.html[i];
-                    const oldVal = originalSource.source.toString();
-                    const hash = cache.computeHash(oldVal);
-                    cache.calcHashValueChanged(file, hash);
-                    cache.process(file, () => {
-                        const source = cache.get(file);
-                        if (source) {
-                            originalSource.source = source;
-                            debug('html cache hit: %s', file);
-                        }
-                        else {
-                            return false;
-                        }
-                    }, () => {
-                        originalSource.source = templateHandler(oldVal, {
-                            runtimeSet
+            return __awaiter(this, void 0, void 0, function* () {
+                debug('start');
+                onStart();
+                const entries = Object.entries(bundle);
+                const groupedEntries = getGroupedEntries(entries, opts);
+                const runtimeSet = twPatcher.getClassSet({
+                    basedir: tailwindcssBasedir
+                });
+                setMangleRuntimeSet(runtimeSet);
+                debug('get runtimeSet, class count: %d', runtimeSet.size);
+                if (Array.isArray(groupedEntries.html)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.html.length; i++) {
+                        const [file, originalSource] = groupedEntries.html[i];
+                        const oldVal = originalSource.source.toString();
+                        const hash = cache.computeHash(oldVal);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.source = source;
+                                debug('html cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => {
+                            originalSource.source = templateHandler(oldVal, {
+                                runtimeSet
+                            });
+                            onUpdate(file, oldVal, originalSource.source);
+                            debug('html handle: %s', file);
+                            noCachedCount++;
+                            return {
+                                key: file,
+                                source: originalSource.source
+                            };
                         });
-                        onUpdate(file, oldVal, originalSource.source);
-                        debug('html handle: %s', file);
-                        noCachedCount++;
-                        return {
-                            key: file,
-                            source: originalSource.source
-                        };
-                    });
+                    }
+                    debug('html handle finish, total: %d, no-cached: %d', groupedEntries.html.length, noCachedCount);
                 }
-                debug('html handle finish, total: %d, no-cached: %d', groupedEntries.html.length, noCachedCount);
-            }
-            if (Array.isArray(groupedEntries.js)) {
-                let noCachedCount = 0;
-                for (let i = 0; i < groupedEntries.js.length; i++) {
-                    const [file, originalSource] = groupedEntries.js[i];
-                    const rawSource = originalSource.code;
-                    const hash = cache.computeHash(rawSource);
-                    cache.calcHashValueChanged(file, hash);
-                    cache.process(file, () => {
-                        const source = cache.get(file);
-                        if (source) {
-                            originalSource.code = source;
-                            debug('js cache hit: %s', file);
-                        }
-                        else {
-                            return false;
-                        }
-                    }, () => {
-                        const mapFilename = file + '.map';
-                        const hasMap = Boolean(bundle[mapFilename]);
-                        const { code, map } = jsHandler(rawSource, runtimeSet, {
-                            generateMap: hasMap
+                if (Array.isArray(groupedEntries.js)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.js.length; i++) {
+                        const [file, originalSource] = groupedEntries.js[i];
+                        const rawSource = originalSource.code;
+                        const hash = cache.computeHash(rawSource);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.code = source;
+                                debug('js cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => {
+                            const mapFilename = file + '.map';
+                            const hasMap = Boolean(bundle[mapFilename]);
+                            const { code, map } = jsHandler(rawSource, runtimeSet, {
+                                generateMap: hasMap
+                            });
+                            originalSource.code = code;
+                            onUpdate(file, rawSource, code);
+                            debug('js handle: %s', file);
+                            noCachedCount++;
+                            if (hasMap && map) {
+                                bundle[mapFilename].source = map.toString();
+                            }
+                            return {
+                                key: file,
+                                source: code
+                            };
                         });
-                        originalSource.code = code;
-                        onUpdate(file, rawSource, code);
-                        debug('js handle: %s', file);
-                        noCachedCount++;
-                        if (hasMap && map) {
-                            bundle[mapFilename].source = map.toString();
-                        }
-                        return {
-                            key: file,
-                            source: code
-                        };
-                    });
+                    }
+                    debug('js handle finish, total: %d, no-cached: %d', groupedEntries.js.length, noCachedCount);
                 }
-                debug('js handle finish, total: %d, no-cached: %d', groupedEntries.js.length, noCachedCount);
-            }
-            if (Array.isArray(groupedEntries.css)) {
-                let noCachedCount = 0;
-                for (let i = 0; i < groupedEntries.css.length; i++) {
-                    const [file, originalSource] = groupedEntries.css[i];
-                    const rawSource = originalSource.source.toString();
-                    const hash = cache.computeHash(rawSource);
-                    cache.calcHashValueChanged(file, hash);
-                    cache.process(file, () => {
-                        const source = cache.get(file);
-                        if (source) {
-                            originalSource.source = source;
-                            debug('css cache hit: %s', file);
-                        }
-                        else {
-                            return false;
-                        }
-                    }, () => {
-                        const css = styleHandler(rawSource, {
-                            isMainChunk: mainCssChunkMatcher(originalSource.fileName, appType)
-                        });
-                        originalSource.source = css;
-                        onUpdate(file, rawSource, css);
-                        debug('css handle: %s', file);
-                        noCachedCount++;
-                        return {
-                            key: file,
-                            source: css
-                        };
-                    });
+                if (Array.isArray(groupedEntries.css)) {
+                    let noCachedCount = 0;
+                    for (let i = 0; i < groupedEntries.css.length; i++) {
+                        const [file, originalSource] = groupedEntries.css[i];
+                        const rawSource = originalSource.source.toString();
+                        const hash = cache.computeHash(rawSource);
+                        cache.calcHashValueChanged(file, hash);
+                        yield cache.process(file, () => {
+                            const source = cache.get(file);
+                            if (source) {
+                                originalSource.source = source;
+                                debug('css cache hit: %s', file);
+                            }
+                            else {
+                                return false;
+                            }
+                        }, () => __awaiter(this, void 0, void 0, function* () {
+                            const css = yield styleHandler(rawSource, {
+                                isMainChunk: mainCssChunkMatcher(originalSource.fileName, appType)
+                            });
+                            originalSource.source = css;
+                            onUpdate(file, rawSource, css);
+                            debug('css handle: %s', file);
+                            noCachedCount++;
+                            return {
+                                key: file,
+                                source: css
+                            };
+                        }));
+                    }
+                    debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
                 }
-                debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
-            }
-            onEnd();
-            debug('end');
+                onEnd();
+                debug('end');
+            });
         }
     };
 }

package/dist/webpack.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var options = require('./options-09ebba08.js');
 var path = require('node:path');
 var fs = require('node:fs');
-var options = require('./options-9dd8de2e.js');
 var postcss = require('./postcss-8d7f67b4.js');
 var defaults = require('./defaults-b7341550.js');
 var index = require('./index-aede98ce.js');
@@ -35,7 +35,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var path__default = /*#__PURE__*/_interopDefaultCompat(path);
 var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 
-const debug = index.createDebug('');
+const debug = index.createDebug('processAssets: ');
 class UnifiedWebpackPluginV5 {
     constructor(options$1 = {}) {
         if (options$1.customReplaceDictionary === undefined) {
@@ -45,7 +45,7 @@ class UnifiedWebpackPluginV5 {
         this.appType = this.options.appType;
     }
     apply(compiler) {
-        const { mainCssChunkMatcher, disabled, onLoad, onUpdate, onEnd, onStart, styleHandler, patch, templateHandler, jsHandler, setMangleRuntimeSet, runtimeLoaderPath, cache } = this.options;
+        const { mainCssChunkMatcher, disabled, onLoad, onUpdate, onEnd, onStart, styleHandler, patch, templateHandler, jsHandler, setMangleRuntimeSet, runtimeLoaderPath, cache, tailwindcssBasedir } = this.options;
         if (disabled) {
             return;
         }
@@ -54,7 +54,9 @@ class UnifiedWebpackPluginV5 {
         const { ConcatSource, RawSource } = sources;
         const twPatcher = options.createTailwindcssPatcher();
         function getClassSet() {
-            return twPatcher.getClassSet();
+            return twPatcher.getClassSet({
+                basedir: tailwindcssBasedir
+            });
         }
         onLoad();
         const loader = runtimeLoaderPath !== null && runtimeLoaderPath !== void 0 ? runtimeLoaderPath : path__default["default"].resolve(__dirname, './weapp-tw-runtime-loader.js');
@@ -76,10 +78,10 @@ class UnifiedWebpackPluginV5 {
                     }
                 }
             });
-            compilation.hooks.processAssets.tap({
+            compilation.hooks.processAssets.tapPromise({
                 name: postcss.pluginName,
                 stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
-            }, (assets) => {
+            }, (assets) => options.__awaiter(this, void 0, void 0, function* () {
                 onStart();
                 debug('start');
                 for (const chunk of compilation.chunks) {
@@ -100,7 +102,7 @@ class UnifiedWebpackPluginV5 {
                         const hash = cache.computeHash(rawSource);
                         const cacheKey = file;
                         cache.calcHashValueChanged(cacheKey, hash);
-                        cache.process(cacheKey, () => {
+                        yield cache.process(cacheKey, () => {
                             const source = cache.get(cacheKey);
                             if (source) {
                                 compilation.updateAsset(file, source);
@@ -131,7 +133,7 @@ class UnifiedWebpackPluginV5 {
                     for (let i = 0; i < groupedEntries.js.length; i++) {
                         const [file, originalSource] = groupedEntries.js[i];
                         const cacheKey = defaults.removeExt(file);
-                        cache.process(cacheKey, () => {
+                        yield cache.process(cacheKey, () => {
                             const source = cache.get(cacheKey);
                             if (source) {
                                 compilation.updateAsset(file, source);
@@ -172,7 +174,7 @@ class UnifiedWebpackPluginV5 {
                         const hash = cache.computeHash(rawSource);
                         const cacheKey = file;
                         cache.calcHashValueChanged(cacheKey, hash);
-                        cache.process(cacheKey, () => {
+                        yield cache.process(cacheKey, () => {
                             const source = cache.get(cacheKey);
                             if (source) {
                                 compilation.updateAsset(file, source);
@@ -181,8 +183,8 @@ class UnifiedWebpackPluginV5 {
                             else {
                                 return false;
                             }
-                        }, () => {
-                            const css = styleHandler(rawSource, {
+                        }, () => options.__awaiter(this, void 0, void 0, function* () {
+                            const css = yield styleHandler(rawSource, {
                                 isMainChunk: mainCssChunkMatcher(file, this.appType)
                             });
                             const source = new ConcatSource(css);
@@ -194,13 +196,13 @@ class UnifiedWebpackPluginV5 {
                                 key: cacheKey,
                                 source
                             };
-                        });
+                        }));
                     }
                     debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
                 }
                 debug('end');
                 onEnd();
-            });
+            }));
         });
     }
 }

package/dist/webpack.mjs

@@ -1,6 +1,6 @@
+import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-63407615.mjs';
 import path from 'node:path';
 import fs from 'node:fs';
-import { g as getOptions, a as createTailwindcssPatcher } from './options-e1a9fdd3.mjs';
 import { a as pluginName } from './postcss-55ed4d42.mjs';
 import { g as getGroupedEntries, r as removeExt } from './defaults-d2c66d23.mjs';
 import { c as createDebug } from './index-84c7aa87.mjs';
@@ -26,7 +26,7 @@ import 'md5';
 import 'postcss-selector-parser';
 import 'debug';
 
-const debug = createDebug('');
+const debug = createDebug('processAssets: ');
 class UnifiedWebpackPluginV5 {
     constructor(options = {}) {
         if (options.customReplaceDictionary === undefined) {
@@ -36,7 +36,7 @@ class UnifiedWebpackPluginV5 {
         this.appType = this.options.appType;
     }
     apply(compiler) {
-        const { mainCssChunkMatcher, disabled, onLoad, onUpdate, onEnd, onStart, styleHandler, patch, templateHandler, jsHandler, setMangleRuntimeSet, runtimeLoaderPath, cache } = this.options;
+        const { mainCssChunkMatcher, disabled, onLoad, onUpdate, onEnd, onStart, styleHandler, patch, templateHandler, jsHandler, setMangleRuntimeSet, runtimeLoaderPath, cache, tailwindcssBasedir } = this.options;
         if (disabled) {
             return;
         }
@@ -45,7 +45,9 @@ class UnifiedWebpackPluginV5 {
         const { ConcatSource, RawSource } = sources;
         const twPatcher = createTailwindcssPatcher();
         function getClassSet() {
-            return twPatcher.getClassSet();
+            return twPatcher.getClassSet({
+                basedir: tailwindcssBasedir
+            });
         }
         onLoad();
         const loader = runtimeLoaderPath !== null && runtimeLoaderPath !== void 0 ? runtimeLoaderPath : path.resolve(__dirname, './weapp-tw-runtime-loader.js');
@@ -67,10 +69,10 @@ class UnifiedWebpackPluginV5 {
                     }
                 }
             });
-            compilation.hooks.processAssets.tap({
+            compilation.hooks.processAssets.tapPromise({
                 name: pluginName,
                 stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
-            }, (assets) => {
+            }, (assets) => __awaiter(this, void 0, void 0, function* () {
                 onStart();
                 debug('start');
                 for (const chunk of compilation.chunks) {
@@ -91,7 +93,7 @@ class UnifiedWebpackPluginV5 {
                         const hash = cache.computeHash(rawSource);
                         const cacheKey = file;
                         cache.calcHashValueChanged(cacheKey, hash);
-                        cache.process(cacheKey, () => {
+                        yield cache.process(cacheKey, () => {
                             const source = cache.get(cacheKey);
                             if (source) {
                                 compilation.updateAsset(file, source);
@@ -122,7 +124,7 @@ class UnifiedWebpackPluginV5 {
                     for (let i = 0; i < groupedEntries.js.length; i++) {
                         const [file, originalSource] = groupedEntries.js[i];
                         const cacheKey = removeExt(file);
-                        cache.process(cacheKey, () => {
+                        yield cache.process(cacheKey, () => {
                             const source = cache.get(cacheKey);
                             if (source) {
                                 compilation.updateAsset(file, source);
@@ -163,7 +165,7 @@ class UnifiedWebpackPluginV5 {
                         const hash = cache.computeHash(rawSource);
                         const cacheKey = file;
                         cache.calcHashValueChanged(cacheKey, hash);
-                        cache.process(cacheKey, () => {
+                        yield cache.process(cacheKey, () => {
                             const source = cache.get(cacheKey);
                             if (source) {
                                 compilation.updateAsset(file, source);
@@ -172,8 +174,8 @@ class UnifiedWebpackPluginV5 {
                             else {
                                 return false;
                             }
-                        }, () => {
-                            const css = styleHandler(rawSource, {
+                        }, () => __awaiter(this, void 0, void 0, function* () {
+                            const css = yield styleHandler(rawSource, {
                                 isMainChunk: mainCssChunkMatcher(file, this.appType)
                             });
                             const source = new ConcatSource(css);
@@ -185,13 +187,13 @@ class UnifiedWebpackPluginV5 {
                                 key: cacheKey,
                                 source
                             };
-                        });
+                        }));
                     }
                     debug('css handle finish, total: %d, no-cached: %d', groupedEntries.css.length, noCachedCount);
                 }
                 debug('end');
                 onEnd();
-            });
+            }));
         });
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weapp-tailwindcss",
-  "version": "2.9.2",
+  "version": "2.9.3",
   "description": "把tailwindcss jit引擎，带给小程序开发者们! bring tailwindcss jit engine to miniprogram developers!",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -102,7 +102,7 @@
   },
   "homepage": "https://weapp-tw.icebreaker.top",
   "devDependencies": {
-    "@babel/core": "^7.22.20",
+    "@babel/core": "^7.23.0",
     "@icebreakers/cli": "0.1.1",
     "@icebreakers/readme": "0.1.0",
     "@rollup/plugin-alias": "^5.0.0",
@@ -110,40 +110,41 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.3",
+    "@rollup/plugin-typescript": "^11.1.4",
     "@tsconfig/recommended": "^1.0.3",
     "@types/babel__generator": "^7.6.5",
     "@types/babel__traverse": "^7.20.2",
-    "@types/debug": "^4.1.8",
-    "@types/diff": "^5.0.4",
+    "@types/debug": "^4.1.9",
+    "@types/diff": "^5.0.5",
     "@types/fs-extra": "^11.0.2",
-    "@types/gulp": "^4.0.13",
-    "@types/gulp-postcss": "^8.0.3",
+    "@types/gulp": "^4.0.14",
+    "@types/gulp-postcss": "^8.0.4",
     "@types/jest": "^29.5.5",
     "@types/js-beautify": "^1.14.1",
     "@types/klaw": "^3.0.4",
     "@types/loader-utils": "^2.0.4",
-    "@types/lodash": "^4.14.198",
-    "@types/md5": "^2.3.2",
-    "@types/micromatch": "^4.0.2",
-    "@types/node": "^20.6.2",
-    "@types/semver": "^7.5.2",
-    "@types/vinyl": "^2.0.7",
-    "@types/webpack": "^5.28.2",
-    "@types/webpack-sources": "^3.2.0",
-    "@vitest/coverage-v8": "^0.34.4",
-    "autoprefixer": "^10.4.15",
+    "@types/lodash": "^4.14.199",
+    "@types/md5": "^2.3.3",
+    "@types/micromatch": "^4.0.3",
+    "@types/node": "^20.7.0",
+    "@types/semver": "^7.5.3",
+    "@types/vinyl": "^2.0.8",
+    "@types/webpack": "^5.28.3",
+    "@types/webpack-sources": "^3.2.1",
+    "@vitest/coverage-v8": "^0.34.5",
+    "autoprefixer": "^10.4.16",
     "babel-loader": "^9.1.3",
     "bumpp": "^9.2.0",
     "colorette": "^2.0.20",
     "cross-env": "^7.0.3",
     "css-loader": "^6.8.1",
+    "css-to-tailwindcss-plugin": "^0.1.5",
     "dedent": "^1.5.1",
     "defu": "6.1.2",
     "del": "^7.1.0",
     "diff": "^5.1.0",
     "domhandler": "^5.0.3",
-    "eslint": "8.49.0",
+    "eslint": "8.50.0",
     "eslint-config-icebreaker": "^1.2.2",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
@@ -165,8 +166,9 @@
     "postcss-rem-to-responsive-pixel": "^5.1.3",
     "prettier": "^3.0.3",
     "promisify-loader-runner": "^1.0.0",
-    "rollup": "^3.29.2",
+    "rollup": "^3.29.3",
     "rollup-plugin-visualizer": "^5.9.2",
+    "sass": "^1.68.0",
     "style-loader": "^3.3.3",
     "tailwind-children": "^0.5.0",
     "tailwindcss": "^3.3.3",
@@ -179,19 +181,19 @@
     "typescript-transform-paths": "^3.4.6",
     "vinyl": "^3.0.0",
     "vite": "^4.4.9",
-    "vitest": "^0.34.4",
+    "vitest": "^0.34.5",
     "weapp-tailwindcss-children": "^0.1.0",
     "webpack": "^5.88.2",
     "webpack-build-utils": "^0.0.4"
   },
   "dependencies": {
     "@ast-core/escape": "^1.0.1",
-    "@babel/generator": "^7.22.15",
-    "@babel/parser": "^7.22.16",
-    "@babel/traverse": "^7.22.20",
-    "@babel/types": "^7.22.19",
+    "@babel/generator": "^7.23.0",
+    "@babel/parser": "^7.23.0",
+    "@babel/traverse": "^7.23.0",
+    "@babel/types": "^7.23.0",
     "@csstools/postcss-is-pseudo-class": "^4.0.2",
-    "@tailwindcss-mangle/shared": "^2.2.1",
+    "@tailwindcss-mangle/shared": "^2.2.2",
     "@weapp-core/escape": "^2.0.0",
     "@weapp-core/regex": "^1.0.1",
     "debug": "^4.3.4",
@@ -204,7 +206,7 @@
     "postcss": "8.4.30",
     "postcss-selector-parser": "^6.0.13",
     "semver": "^7.5.4",
-    "tailwindcss-patch": "^2.2.1"
+    "tailwindcss-patch": "^2.2.2"
   },
   "packageManager": "pnpm@8.7.4",
   "engines": {
@@ -247,6 +249,8 @@
     "ls:pack": "npm pack --dry-run",
     "cli:patch": "node bin/weapp-tailwindcss.js patch",
     "release": "bumpp",
+    "css-build": "css2plugin build css-plugin.css css-plugin-scss.scss --cwd test/fixtures/css",
+    "css-build-out": "css2plugin build css-plugin.css css-plugin-scss.scss --cwd test/fixtures/css --out tw-plugins",
     "-------": "-----------",
     "postinstall": "node bin/weapp-tailwindcss.js patch"
   }