用途:把组件从 CSS Modules 迁移到 Tailwind 工具类,逐个组件进行,不批量处理整个目录。
主要能力:先读取 .module.css 与引用它的组件,把每个 styles.xxx 映射到对应 CSS 规则,再替换为等价 Tailwind 工具类。支持处理 composes 关键字(展平为单一工具类,需复用时抽成组件而非类)、clsx/classnames 条件类名、动态类选择(改用查找对象)、:global 全局覆盖(移到 globals.css 的 @layer components 或用 @apply)、SCSS 嵌套/变量/mixin(嵌套展平、变量映射到 tailwind.config.ts 主题、mixin 用工具组合或抽组件替代)。
使用方式:按清单逐类转换;完成后删除 import styles 行与 .module.css/.module.scss 文件,更新同目录 index.ts 桶文件,搜索代码库中其他引用,运行应用做视觉验证。
限制与注意:条件逻辑保留在 clsx() 或模板字符串中,不写进 CSS;伪元素需用 before:/after: 前缀加 content-['...'];:nth-child、:first-of-type 等先查 Tailwind 是否有对应变体,否则保留最小 CSS 规则;不要用 @apply 复刻原模块,目标是消除间接层。具体配置与命令资料未提供。