unocss-preset-rem-to-rpx

Coverts rem to rpx for uniapp.

Installation

npm i unocss-preset-rem-to-rpx unocss --save-dev # with npm
yarn add unocss-preset-rem-to-rpx unocss -D # with yarn
pnpm add unocss-preset-rem-to-rpx unocss -D # with pnpm

import presetUno from '@unocss/preset-uno'
import presetRemToRpx from 'unocss-preset-rem-to-rpx'

UnoCSS({
  presets: [
    presetUno(),
    presetRemToRpx()
  ],
})

Usage

<div class="m-2"></div>

without .m-2 { margin: 0.5rem; }

with .m-2 { margin: 16rpx; }

License

MIT License © 2022 Neil Lee