Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sonofmagic/weapp-tailwindcss
weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 !
https://github.com/sonofmagic/weapp-tailwindcss
mini mp mpx postcss rax tailwind tailwindcss tarojs uni-app vite weapp webpack
Last synced: about 23 hours ago
JSON representation
weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 !
- Host: GitHub
- URL: https://github.com/sonofmagic/weapp-tailwindcss
- Owner: sonofmagic
- License: mit
- Created: 2022-01-17T13:07:03.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-19T03:39:31.000Z (12 days ago)
- Last Synced: 2025-01-19T07:12:10.118Z (12 days ago)
- Topics: mini, mp, mpx, postcss, rax, tailwind, tailwindcss, tarojs, uni-app, vite, weapp, webpack
- Language: TypeScript
- Homepage: https://tw.icebreaker.top
- Size: 143 MB
- Stars: 1,359
- Watchers: 11
- Forks: 92
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-wechat-weapp - weapp-tailwindcss-webpack-plugin ★100+ - 在小程序里使用 TailwindCSS 吧 (工具)
README
weapp-tailwindcss
> 简体中文(zh-cn) | [English](./README_en.md)
[](https://github.com/sonofmagic/weapp-tailwindcss/actions/workflows/test.yml)
[](https://codecov.io/gh/sonofmagic/weapp-tailwindcss)
> [!NOTE]
> 降低开发维护成本，提升开发效率的 `小程序` `tailwindcss` 全方面解决方案
>
> 小程序原生工具链 `weapp-vite` 已经发布，使用它改善你的原生小程序开发体验吧，更多详见 [官方文档](https://vite.icebreaker.top/)
\[[文档地址](https://tw.icebreaker.top)\] \| \[[加入技术交流群](https://tw.icebreaker.top/docs/community/group)\]
- [特性](#特性)
- [版本对应](#版本对应)
- [安装与使用方式](#安装与使用方式)
- [生态和解决方案](#生态和解决方案)
- [常见问题](#常见问题)
- [各个框架的模板](#各个框架的模板)
- [旧版本迁移指南](#旧版本迁移指南)
- [配置项参考](#配置项参考)
- [变更日志](#变更日志)
- [Contribute](#contribute)
- [License](#license)
- [Star History](#star-history)
- [Related projects](#related-projects)
- [weapp-vite](#weapp-vite)
## 特性
| 不仅仅是`webpack` | 主流框架与原生开发支持 |
| --------------------------------------------------- | ----------------------------------------------- |
|  |  |
核心插件支持 `webpack`/`vite`/`gulp` 为基底的框架类小程序开发，涵盖了市面上几乎所有的主流的开发框架。
同时也支持最原生的开发者工具创建的原生小程序应用。
这些插件能够自动识别并精确处理所有 `tailwindcss` 的工具类来适配小程序环境。
## 版本对应
目前，`weapp-tailwindcss` 的 `2.x` 和 `3.x` 支持最新版本的 `tailwindcss v3.x.x` 版本和 `webpack5`，`webpack4`, `vite` 和 `gulp`。从 `3.2.0` 开始，`weapp-tailwindcss` 支持最原生的小程序开发方式。
> 如果你还在使用 `tailwindcss@2` 版本，那你应该使用从 `weapp-tailwindcss/webpack4` 导出的本插件的 `postcss7` `webpack4` 版本。另外请确保你的 `nodejs` 版本 `>=16.6.0`。目前低于 `16` 的长期维护版本(`偶数版本`) 都已经结束了生命周期，建议安装 `nodejs` 的 `LTS` 版本，详见 [nodejs/release](https://github.com/nodejs/release)
## [安装与使用方式](https://tw.icebreaker.top/docs/quick-start/install)
## [生态和解决方案](https://tw.icebreaker.top/docs/community/templates)
## [常见问题](https://tw.icebreaker.top/docs/issues/)
## [各个框架的模板](https://tw.icebreaker.top/docs/community/templates)
## [旧版本迁移指南](https://tw.icebreaker.top/docs/migrations/v2)
## [配置项参考](https://tw.icebreaker.top/docs/api/interfaces/UserDefinedOptions)
## [变更日志](./CHANGELOG.md)
## Contribute
我们邀请你来贡献和帮助改进 `weapp-tailwindcss` 💚💚💚
以下有几个方式可以参与:
- 报告错误：如果您遇到任何错误或问题，请提`issue`并提供完善的错误信息和复现方式。
- 建议：有增强 `weapp-tailwindcss` 的想法吗？请提 `issue` 来分享您的建议。
- 文档：如果您对文档有更好的见解或者更棒的修辞方式，欢迎 `pr`。
- 代码：任何人的代码都不是完美的，我们欢迎你通过 `pr` 给代码提供更好的质量与活力。
## License
[MIT](./LICENSE)
## Star History
[](https://star-history.com/#sonofmagic/weapp-tailwindcss&Date)
## Related projects
### weapp-vite
[weapp-vite](https://vite.icebreaker.top/): 把现代化的开发模式带入小程序开发!