把样式直接转化成 Tailwindcss Plugin 吧

💡 原文中文,约3700字,阅读约需9分钟。
📝

内容提要

介绍了一种将CSS/SCSS文件转换为Tailwindcss插件的工具,提供了CLI和Nodejs API的使用示例,可以处理Tailwindcss的函数和指令,以及处理theme()方法和@apply指令。

🎯

关键要点

  • 介绍了一种将CSS/SCSS文件转换为Tailwindcss插件的工具。

  • 工具支持CLI和Nodejs API的使用示例。

  • 可以处理Tailwindcss的函数和指令,包括theme()方法和@apply指令。

  • 用户需要安装tailwindcss和sass以支持相关功能。

  • CLI使用示例:css2plugin build path/to/your.css path/to/your-another.scss --out ./tw-plugins。

  • Nodejs API使用示例:使用createContext创建上下文并处理CSS文件。

  • 目前@import/@use只支持.scss文件,.css文件不支持引入。

  • 处理theme()方法和@apply指令需要设置tailwindcssResolved为true,并提供tailwind.config.js路径。

  • 该工具的许可证为MIT License。

🏷️

标签

➡️

继续阅读