将尾风css类转换为普通css

Question

是否有任何库可以在webproject中使用dom元素并返回带有普通css的字符串？

const styles = TailwindToStyles('<div class="bg-teal-100 m-10">Lorem ipsum</div> ')

风格的结果是

.bg-teall-100 {
  background-color: #e6fffa;
}
.m-10{
  margin: 40px
}

格雷果

Answer 1

我正在寻找一个类似的工具，可以将顺风类转换为CSS。我碰到了一个Reddit线程。有各种各样的工具列出在那里。

一个更简单，更接近我正在寻找的是这个应用程序，将顺风类转换为CSS。

以下是GitHub链接：css

现场演示：https://tailwind-to-css.vercel.app/

用于反应本机的

有了这个包，就可以从function项目中复制整个顺风代码，并将其粘贴为函数的param ()，该函数返回一个function本机样式表对象。

这是医生：https://github.com/vadimdemedes/tailwind-rn

Answer 2

我有一个类似的问题，并通过

• 首先创建一个Iframe
• 挂载顺风CDN，然后将html字符串插入正文
• 从头部提取生成的样式并使用。

我发布了一个npm包来完成这个任务，请在这里查看https://www.npmjs.com/package/tailwind-to-css