将 tailwindcss 类转换为 vanilla css

Question

是否有任何库可以采用 dom 元素并返回带有 vanilla css 的字符串，以便在 web 项目中使用？

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

我一直在寻找可以将 tailwind 类转换为 CSS 的类似工具。我遇到了一个Reddit Thread。那里列出了各种工具。

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

这里是 GitHub 链接：https://github.com/Devzstudio/tailwind_to_css
现场演示：https://tailwind-to-css.vercel.app/

对于原生反应

感谢这个数据包，可以从 react 项目复制整个 tailwind 代码并将其粘贴为函数 tailwind() 的参数，该函数返回一个 react-native 样式表对象。

这是文档： https://github.com/vadimdemedes/tailwind-rn