跳到主要内容

简介

在小程序开发中,由于小程序本身有自己的一套 独特的 技术规范标准。这导致你无法使用web中很多的特性,你也无法 直接 使用像 tailwindcss 这种库。

weapp-tailwindcss, 就能让你,在小程序开发中使用 tailwindcss 大部分 特性。

它支持目前上所有使用 webpackvite 的主流多端小程序框架和使用 webpack / gulp的原生小程序打包方式。

你可以很容易在各个框架,或原生开发中集成 tailwindcss

现在,就让我们开始使用吧!

本质上它是一个转义器。它负责把 tailwindcss 中,所采集的类名,以及生成的结果,转化成小程序中可以接受的方式。

Why weapp-tailwindcss?

  • 不但可以处理和转义 wxml/wxss , 还能处理 jswxs 产物 (以微信小程序为例)
  • 提供多种使用方式,方便项目集成,包括 webpack/vite/gulpnodejs api
  • 生态以及解决方案丰富,提供大量现成模板,可以利用许多 tailwindcss 现有的生态来构建小程序。
  • 高效的解析和缓存机制,项目即使很大,热更新响应时间也是毫秒级
  • 贴合 tailwindcss 的设计思路,智能提示友好

演示视频

另外特别感谢 舜岳同学weapp-tailwindcss 制作的视频