将 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 主题。那里列出了各种工具。

更简单、更接近我正在寻找的应用程序是这个将 tailwind 类转换为 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