1.0.16 • Published 6 months ago
@wakeapp/tailwind v1.0.16
Wakeda 支持的 tailwind 版本, 裁减掉大部分低频类
⚠️ tailwind 仅支持非 React Native 环境
体积对比, 因为大部分在小程序端运行,因此不考虑 gzip 压缩
变动项 | 未压缩 | 已压缩 | 类数 |
---|---|---|---|
清除掉无用断点,颜色和核心插件 | 207KB | 173KB | 2659 |
新增 primary 主体色和副色等 6 个颜色 | 217KB | 181KB | 2737 |
继续清除掉一些极端的变量 | 206KB | 171KB | 2676 |
转换 rem 为 CSS 变量 | 234KB | 192KB | 2676 |
扩展 6 个命名间隔变量 | 253KB | 208KB | 2947 |
裁剪 10 个间隔变量 | 212KB | 176KB | 2457 |
压缩 --tw- 变量 | 188KB | 152KB | 2457 |
提升 非 --tw- 变量 | 178KB | 143KB | 2457 |
移除掉 hover, group-hover 变量(小程序不支持) | 130KB | 102KB | 1968 |
移除掉 divide, space (小程序不支持) | 110KB | 86KB | 1962 |
移除 grid 网格相关, 变量调整 | 102KB | 80KB | 1813 |
小程序兼容性问题
小程序选择器不支持这些特殊符号,所以进行了转换 .,\:, \/
例如 1/2 => 1__2 1.5 => 1_5
不支持 *
- 不支持 :not