如何将含TailwindCSS的HTML文件转换为原生CSS？求在线工具

不用手动逐个转换，有几种适合你的在线方案：

• 利用Tailwind官方Playground批量生成：打开Tailwind Playground，把你的完整HTML代码粘贴到左侧的HTML编辑区。系统会自动识别所有用到的Tailwind类，右侧的CSS面板会实时生成对应的原生CSS代码，直接复制这段代码保存为.css文件，再引入到你的HTML里即可。这个方法完全在线，无需上传文件，且生成的样式100%匹配原Tailwind效果。
• 在线批量转换工具：部分在线工具支持直接上传HTML文件，自动扫描文件内所有Tailwind类并生成合并后的原生CSS。操作流程简单，上传文件后等待几秒就能下载生成的CSS文件，全程无需本地安装任何软件。
• 半自动批量处理（备选方案）：如果找不到合适的上传工具，可以先在编辑器（比如VS Code）里用正则表达式批量提取HTML中的所有Tailwind类。用查找匹配class="([^"]+)"，把所有匹配到的类名整理成一个无重复的列表，再找支持批量输入类名的Tailwind转CSS工具，一次性生成对应样式，最后将生成的CSS引入HTML即可。

内容的提问来源于stack exchange，提问作者Matthew Verstraete