weapp-tailwindcss

简体中文(zh-cn) | English

Note

降低开发维护成本，提升开发效率的 小程序 tailwindcss 全方面解决方案

[email protected] 现已支持 uni-app x 同时构建 Web,小程序,安卓,IOS,鸿蒙，详见 uni-app x 专题

[文档地址] | [备用文档地址] | [加入技术交流群]

• 特性
• 版本对应
• 环境要求
• 安装与使用方式
• 生态和解决方案
• 常见问题
• 各个框架的模板
• 旧版本迁移指南
• 配置项参考
• Contribute
• License
• Star History
• Related projects
  • weapp-vite

特性

不仅仅是webpack	主流框架与原生开发支持

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

也支持直接从各个开发者工具中，直接创建的原生小程序应用。

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

版本对应

目前，weapp-tailwindcss 的 4.x 版本

• 支持最新版本的 tailwindcss v4 和 v3 还有 v2 jit 版本。
• 支持 webpack5，webpack4, vite 和 gulp 这些打包工具，也支持纯 Nodejs API 的方式，集成到你自己的构建工具中。

如果你还在使用 tailwindcss@2 版本，那你应该使用从 weapp-tailwindcss/webpack4 导出的本插件的 postcss7 webpack4 版本。weapp-tailwindcss@4 需要 nodejs 版本 ^20.19.0 || >=22.12.0，建议安装 nodejs 的 LTS 版本，详见 nodejs/release

环境要求

• Node.js ^20.19.0 或 >=22.12.0（建议 LTS）

安装与使用方式

生态和解决方案

常见问题

各个框架的模板

旧版本迁移指南

配置项参考

Contribute

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

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

• 报告错误：如果您遇到任何错误或问题，请提issue并提供完善的错误信息和复现方式。
• 建议：有增强 weapp-tailwindcss 的想法吗？请提 issue 来分享您的建议。
• 文档：如果您对文档有更好的见解或者更棒的修辞方式，欢迎 pr。
• 代码：任何人的代码都不是完美的，我们欢迎你通过 pr 给代码提供更好的质量与活力。

License

MIT

Star History

Related projects

weapp-vite

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