umi
umi copied to clipboard
【Task】tailwindcss 、unocss 插件升级
背景
目前 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
使用tailwind后,antd按钮的样式和tailwind的base冲突了,怎么解决的
使用tailwind后,antd按钮的样式和tailwind的base冲突了,怎么解决的
See #10599
使用tailwind后,antd按钮的样式和tailwind的base冲突了,怎么解决的
See #10599
ok。完美解决。
讨论后结论:如果换了 postcss 插件方式实现,无法使用 mako ( rust 构建工具 ),故不再改造侧载方案为 postcss 方式了。
如有特殊需求,可以不使用 umi 自带的 tailwind / unocss 插件,而是自己根据官网配置 postcss 插件来使用。