umi icon indicating copy to clipboard operation
umi copied to clipboard

【Task】tailwindcss 、unocss 插件升级

Open fz6m opened this issue 11 months ago • 3 comments

背景

目前 tailwindcss 、unocss 插件都是比较老的时期做的功能,之前的设计是侧载 sidecar 形式启动一个额外监听进程来生成 css 代码,这有一些缺点(不够清真,速度较慢,与 turborepo 不兼容,无法使用 css 内函数等),需升级至更贴切原生、一体的方案。

解决

替换为原生方案(用 postcss 插件或 webpack 插件)。

  • [ ] unocss 已有 PR :#11239
  • [ ] tailwindcss

用户如何自己解决

不使用内置的 tailwind / unocss 功能,自己参考官网配置对应的 postcss 插件或 webpack 插件即可。

关联问题

  • https://github.com/umijs/umi/issues/11014
  • https://github.com/umijs/umi/issues/11401
  • https://github.com/umijs/umi/pull/12031#discussion_r1443079987

fz6m avatar Jul 11 '23 15:07 fz6m

使用tailwind后,antd按钮的样式和tailwind的base冲突了,怎么解决的

zhangxinyong12 avatar Sep 25 '23 06:09 zhangxinyong12

使用tailwind后,antd按钮的样式和tailwind的base冲突了,怎么解决的

See #10599

fz6m avatar Sep 25 '23 23:09 fz6m

使用tailwind后,antd按钮的样式和tailwind的base冲突了,怎么解决的

See #10599

ok。完美解决。

zhangxinyong12 avatar Sep 26 '23 01:09 zhangxinyong12

讨论后结论:如果换了 postcss 插件方式实现,无法使用 mako ( rust 构建工具 ),故不再改造侧载方案为 postcss 方式了。

如有特殊需求,可以不使用 umi 自带的 tailwind / unocss 插件,而是自己根据官网配置 postcss 插件来使用。

fz6m avatar Mar 29 '24 06:03 fz6m