把样式直接转化成 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。
➡️