|
| 1 | +<p align="center"> |
| 2 | + |
| 3 | +<a href="https://tw.icebreaker.top"> |
| 4 | + |
| 5 | +<img src="./assets/logo.png" alt="weapp-tailwindcss-logo" width="128"> |
| 6 | +</a> |
| 7 | + |
| 8 | +<br> |
| 9 | + |
| 10 | +<h1 align="center">weapp-tailwindcss</h1> |
| 11 | + |
| 12 | +</p> |
| 13 | + |
| 14 | +> 简体中文(zh-cn) | [English](./README_en.md) |
| 15 | +
|
| 16 | + |
| 17 | + |
| 18 | + |
| 19 | + |
| 20 | +[](https://github.com/sonofmagic/weapp-tailwindcss/actions/workflows/test.yml) |
| 21 | +[](https://codecov.io/gh/sonofmagic/weapp-tailwindcss) |
| 22 | + |
| 23 | +> [!NOTE] |
| 24 | +> 降低开发维护成本，提升开发效率的 `小程序` `tailwindcss` 全方面解决方案 |
| 25 | +> |
| 26 | +> `weapp-tailwindcss@4.2.x` 现已支持 `uni-app x` 同时构建 `Web`,`小程序`,`安卓`,`IOS`,`鸿蒙`，详见 [**uni-app x 专题**](https://tw.icebreaker.top/docs/uni-app-x) |
| 27 | +
|
| 28 | +\[[文档地址](https://tw.icebreaker.top)\] \| \[[备用文档地址](https://ice-tw.netlify.app/)\] \| \[[加入技术交流群](https://tw.icebreaker.top/docs/community/group)\] |
| 29 | + |
| 30 | +- [特性](#特性) |
| 31 | +- [版本对应](#版本对应) |
| 32 | +- [安装与使用方式](#安装与使用方式) |
| 33 | +- [生态和解决方案](#生态和解决方案) |
| 34 | +- [常见问题](#常见问题) |
| 35 | +- [各个框架的模板](#各个框架的模板) |
| 36 | +- [旧版本迁移指南](#旧版本迁移指南) |
| 37 | +- [配置项参考](#配置项参考) |
| 38 | +- [Contribute](#contribute) |
| 39 | +- [License](#license) |
| 40 | +- [Star History](#star-history) |
| 41 | +- [Related projects](#related-projects) |
| 42 | + - [weapp-vite](#weapp-vite) |
| 43 | + |
| 44 | +## 特性 |
| 45 | + |
| 46 | +| 不仅仅是`webpack` | 主流框架与原生开发支持 | |
| 47 | +| --------------------------------------------------- | ----------------------------------------------- | |
| 48 | +|  |  | |
| 49 | + |
| 50 | +核心插件支持 `webpack`/`vite`/`rspack`/`rollup`/`rolldown`/`gulp` 为基底的框架类小程序开发，涵盖了市面上几乎所有的主流的开发框架。 |
| 51 | + |
| 52 | +也支持直接从各个开发者工具中，直接创建的原生小程序应用。 |
| 53 | + |
| 54 | +这些插件能够自动识别并精确处理所有 `tailwindcss` 的工具类来适配小程序环境。 |
| 55 | + |
| 56 | +## 版本对应 |
| 57 | + |
| 58 | +目前，`weapp-tailwindcss` 的 `4.x` 版本 |
| 59 | + |
| 60 | +- 支持最新版本的 `tailwindcss v4` 和 `v3` 还有 `v2 jit` 版本。 |
| 61 | +- 支持 `webpack5`，`webpack4`, `vite` 和 `gulp` 这些打包工具，也支持纯 `Nodejs` API 的方式，集成到你自己的构建工具中。 |
| 62 | + |
| 63 | +> 如果你还在使用 `tailwindcss@2` 版本，那你应该使用从 `weapp-tailwindcss/webpack4` 导出的本插件的 `postcss7` `webpack4` 版本。另外请确保你的 `nodejs` 版本 `>=16.6.0`。目前低于 `16` 的长期维护版本(`偶数版本`) 都已经结束了生命周期，建议安装 `nodejs` 的 `LTS` 版本，详见 [nodejs/release](https://github.com/nodejs/release) |
| 64 | +
|
| 65 | +## [安装与使用方式](https://tw.icebreaker.top/docs/quick-start/install) |
| 66 | + |
| 67 | +## [生态和解决方案](https://tw.icebreaker.top/docs/community/templates) |
| 68 | + |
| 69 | +## [常见问题](https://tw.icebreaker.top/docs/issues/) |
| 70 | + |
| 71 | +## [各个框架的模板](https://tw.icebreaker.top/docs/community/templates) |
| 72 | + |
| 73 | +## [旧版本迁移指南](https://tw.icebreaker.top/docs/migrations/v2) |
| 74 | + |
| 75 | +## [配置项参考](https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions) |
| 76 | + |
| 77 | +## Contribute |
| 78 | + |
| 79 | +我们邀请你来贡献和帮助改进 `weapp-tailwindcss` 💚💚💚 |
| 80 | + |
| 81 | +以下有几个方式可以参与: |
| 82 | + |
| 83 | +- 报告错误：如果您遇到任何错误或问题，请提`issue`并提供完善的错误信息和复现方式。 |
| 84 | +- 建议：有增强 `weapp-tailwindcss` 的想法吗？请提 `issue` 来分享您的建议。 |
| 85 | +- 文档：如果您对文档有更好的见解或者更棒的修辞方式，欢迎 `pr`。 |
| 86 | +- 代码：任何人的代码都不是完美的，我们欢迎你通过 `pr` 给代码提供更好的质量与活力。 |
| 87 | + |
| 88 | +## License |
| 89 | + |
| 90 | +[MIT](./LICENSE) |
| 91 | + |
| 92 | +## Star History |
| 93 | + |
| 94 | +[](https://star-history.com/#sonofmagic/weapp-tailwindcss&Date) |
| 95 | + |
| 96 | +## Related projects |
| 97 | + |
| 98 | +### weapp-vite |
| 99 | + |
| 100 | +[weapp-vite](https://vite.icebreaker.top/): 把现代化的开发模式带入小程序开发! |
0 commit comments