Coder Social home page Coder Social logo

jh-leong / weapp-tailwindcss Goto Github PK

View Code? Open in Web Editor NEW

This project forked from sonofmagic/weapp-tailwindcss

0.0 0.0 0.0 78.27 MB

bring tailwindcss to weapp ! 把 `tailwindcss` 原子化**带入小程序开发吧 ! 原 `weapp-tailwindcss-webpack-plugin`

Home Page: https://weapp-tw.icebreaker.top

License: MIT License

JavaScript 17.48% TypeScript 75.16% CSS 0.99% HTML 0.65% Vue 2.08% Less 0.03% SCSS 1.86% MDX 1.75%

weapp-tailwindcss's Introduction

weapp-tailwindcss-logo

weapp-tailwindcss

简体中文(zh-cn) | English

star dm0 dm1 license test codecov

Note

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

Tailwindcss/Unocss UI 生成提取器: IceStack 已经发布,快来用它管理你的原子化CSS 组件吧!

[国内部署的文档地址] | [备用Github Page] | [1.x文档]

特性

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

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

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

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

版本对应

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

如果你还在使用 tailwindcss@2 版本,那你应该使用本插件的 1.x/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 💚💚💚

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

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

License

MIT

Star History

Star History Chart

Related projects

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 编译时框架的小程序适配器

weapp-tailwindcss's People

Contributors

sonofmagic avatar fw6 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.