简介
总览
由于小程序运行时,本身有自己的一套 独特的 技术规范标准。这导致你无法使用 web 开发中的很多的特性,
你也无法 直接 使用像 tailwindcss 这种原子化 css 生成器来提升你的开发效率。
而 weapp-tailwindcss 就能让你,在小程序开发中使用 tailwindcss 大部分 特性。
它支持目前上所有使用 webpack 和 vite 的主流多端小程序框架和使用 webpack / gulp 的原生小程序打包方式。
你可以很容易在各个框架,或原生开发中集成 tailwindcss。
现在,就让我们开始使用吧!
信息
从本质上讲,它是一个字符串转义器。它负责把 tailwindcss 中,所采集的类名,以及生成的结果,转化成小程序中可以接受的方式。
Why weapp-tailwindcss?
- ✅ 自动处理所有文件:以微信小程序为例,不但可以处理和转义
wxml/wxss,还能处理js和wxs产物 - ✅ 支持最原生的小程序开发,也支持许多框架如
taro,uni-app,mpx,rax等等.. - ✅ 提供多种使用方式,方便项目集成:包括
webpack/vite/gulp插件和直接的nodejs api - ✅ 生态好,解决方案丰富,提供大量现成模板,可以利用许多
tailwindcss现有的生态来构建小程序。 - ✅ 高效的解析和缓存机制,热更新响应时间快
- ✅ 贴合
tailwindcss的设计思路,智能提示友好
快速开始 🚀
🔥 Tailwind CSS @3.x
weapp-tailwindcss 主要提供了 3 种使用方式:
