dcasia / mini-program-tailwind

让你的小程序用上原汁原味的 Tailwind/Windi CSS
https://www.craft.do/s/Wx2f9cjGwyZYOx
499 stars 41 forks source link

Taro rem 没有转为 rpx #46

Closed Sean529 closed 2 years ago

Sean529 commented 2 years ago
<View className='text-xs'>title</View>

image

ItsRyanWu commented 2 years ago

插件自身的 enableRpx 功能默认是关闭的,如需开启请声明:

plugins: [
  ['@dcasia/mini-program-tailwind-webpack-plugin/dist/taro', {
    enableRpx: true
  }]
]

需要注意的是虽然 Taro 自带 px to rpx 的转换功能但是他是无法将 rem 转换成 rpx 的,要实现这一功能需要将 Taro 的转换功能关闭然后启用插件的转换。

Sean529 commented 2 years ago

@ItsRyanWu

插件本身的enableRpx功能默认是关闭的,如需开启请声明:

plugins: [
  ['@dcasia/mini-program-tailwind-webpack-plugin/dist/taro', {
    enableRpx: true
  }]
]

注意的是虽然 Taro 需要自带 px 到 rpx 的转换但功能他是无法将 rem 转换成 rpx 的,然后要实现这一功能需要将 Taro 的转换功能启用插件的转换。

感谢大神,请问怎么关闭 Taro px to rpx。另外关闭 Taro 的 px to rpx 会对项目有其他影响吗。

Sean529 commented 2 years ago

插件自身的 enableRpx 功能默认是关闭的,如需开启请声明:

plugins: [
  ['@dcasia/mini-program-tailwind-webpack-plugin/dist/taro', {
    enableRpx: true
  }]
]

需要注意的是虽然 Taro 自带 px to rpx 的转换功能但是他是无法将 rem 转换成 rpx 的,要实现这一功能需要将 Taro 的转换功能关闭然后启用插件的转换。

😄 尝试后发现直接设置插件的 enableRpx: true 就可以将 rem 转为 rpx 了, 不用再另外关闭 Taro 的 px to rpx。

ItsRyanWu commented 2 years ago

对,当然是可以的,只不过从节省编译性能的角度考虑最好可以把 Taro 的转换关掉,因为功能是部分重叠的。

Sean529 commented 2 years ago

对,当然是可以的,只不过从节省编译性能的角度考虑最好可以把 Taro 的转换关掉,因为功能是部分重叠的。

大佬,请教下怎么关闭 Taro 自带的 px2rpx,找了很久没有找到相关资料。Taro 官网的配置中也没有相关 API。