Home

Awesome

<p align="center"> <a href="https://tw.icebreaker.top"> <img src="./assets/logo.png" alt="weapp-tailwindcss-logo" width="128"> </a> <br> <h1 align="center">weapp-tailwindcss</h1> </p>

简体中文(zh-cn) | English

star dm0 dm1 license test codecov

[!NOTE] 降低开发维护成本,提升开发效率的 小程序 tailwindcss 全方面解决方案

小程序原生工具链 weapp-vite 已经发布,使用它改善你的原生小程序开发体验吧,更多详见 官方文档

[文档地址] | [备用文档地址] | [1.x文档]

特性

不仅仅是webpack主流框架与原生开发支持
wepback+vite+gulpframeworks

核心插件支持 webpack/vite/gulp 为基底的框架类小程序开发,涵盖了市面上几乎所有的主流的开发框架。

同时也支持最原生的开发者工具创建的原生小程序应用。

这些插件能够自动识别并精确处理所有 tailwindcss 的工具类来适配小程序环境。

版本对应

目前,weapp-tailwindcss2.x3.x 支持最新版本的 tailwindcss v3.x.x 版本和 webpack5webpack4, vitegulp。从 3.2.0 开始,weapp-tailwindcss 支持最原生的小程序开发方式。

如果你还在使用 tailwindcss@2 版本,那你应该使用从 weapp-tailwindcss/webpack4 导出的本插件的 postcss7 webpack4 版本。另外请确保你的 nodejs 版本 >=16.6.0。目前低于 16 的长期维护版本(偶数版本) 都已经结束了生命周期,建议安装 nodejsLTS 版本,详见 nodejs/release

安装与使用方式

生态和解决方案

常见问题

各个框架的模板

旧版本迁移指南

配置项参考

变更日志

Tips

前沿阅读: What’s Tailwind Oxide Engine? The Next Evolution of Tailwind CSS

未来 tailwindcss@4 会切换到这个引擎来大幅加快构建和运行速度,当然等它发布正式版本的时候,我也会尽可能第一时间去进行兼容新的引擎。

Contribute

我们邀请你来贡献和帮助改进 weapp-tailwindcss 💚💚💚

以下有几个方式可以参与:

License

MIT

Star History

Star History Chart

Related projects

weapp-vite

weapp-vite: 把现代化的开发模式带入小程序开发!

IceStack

IceStack: ❤️ IceStack, Web UI for Mobile, PC, open-source Css component library generator

weapp-ide-cli

weapp-ide-cli: 一个微信开发者工具命令行,快速方便的直接启动 ide 进行登录,开发,预览,上传代码等等功能。

weapp-pandacss

weapp-pandacss CSS-in-JS 编译时框架的小程序适配器