weapp-tailwindcss icon indicating copy to clipboard operation
weapp-tailwindcss copied to clipboard

[Bug]: 钉钉小程序 rgba颜色值未正确转换

Open agileago opened this issue 1 month ago • 4 comments

weapp-tailwindcss 版本

latest

tailwindcss 版本

3.4.18

框架 & 小程序平台

uniapp vite 编译到钉钉小程序

最小复现bug的代码仓库链接

https://github.com/agileago/weapp-tailwind-dingding-issue

复现bug的步骤

pnpm i

pnpm run dev:ding

pnpm run build:ding

查看 dist/build/mp-alipay/pages/index/index.js 文件发现 rgba 颜色值未被正确转换

预期是什么?

正确转换, dev模式下是正确的

实际发生了什么?

build模式下不正确

运行环境


其他附加信息

No response

agileago avatar Nov 25 '25 09:11 agileago

很奇怪,因为eslint的缘故导致 tailwind class换行, dev环境正常转换, build模式下就出问题了

agileago avatar Nov 25 '25 09:11 agileago

Image

@agileago 我发现我拿你这个项目场景进行测试,没有复现这个问题,你产物里面

bg-_b_h000_B", "bg-_b_h111_B", "bg-_b_h222_B", "bg-_b_h333_B", "bg-_b_h444_B", "bg-_b_h555_B", "bg-_b_h666_B", "bg-_b_h777_B", "bg-_b_h888_B", "bg-_b_h999_B", "bg-_b_haaa_B", "bg-_b_hbbb_B", "bg-_b_hccc_B", "bg-_b_hddd_B", "bg-_b_heee_B", "bg-_b_hfff_B"

border-b-_b1px_B border-solid\n border-b-_brgba_p0_m0_m0_m0_d1_P_B\n

这些是都没有转译吗?

sonofmagic avatar Nov 25 '25 11:11 sonofmagic

我找到问题了,微信和 mp-alipay 一些编译细节不一样导致的! uni-app 真是坑,我兼容一下

sonofmagic avatar Nov 25 '25 11:11 sonofmagic

已经在 [email protected] 版本中修复 @agileago

sonofmagic avatar Nov 25 '25 14:11 sonofmagic