# rpx2rem

> convert rpx unit to rem

Latest version **0.0.3** (published 2020-08-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install rpx2rem
pnpm add rpx2rem
yarn add rpx2rem
bun add rpx2rem
```

Provides the command `rpx2rem`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2020-08-07 |
| First published | 2018-11-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 10 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | qingyangmoke |
| Maintainers | qingyangmoke |
| Keywords | 3x, rem, rpx2rem |

## Links

- npm: https://www.npmjs.com/package/rpx2rem
- Repository: https://github.com/qingyangmoke/rpx2rem
- Issues: https://github.com/qingyangmoke/rpx2rem/issues
- npm.io page: https://npm.io/package/rpx2rem

## Dependencies (5)

- [css](https://npm.io/package/css.md) ~2.2.0
- [chalk](https://npm.io/package/chalk.md) ~0.5.1
- [extend](https://npm.io/package/extend.md) ~3.0.0
- [fs-extra](https://npm.io/package/fs-extra.md) ~0.16.3
- [commander](https://npm.io/package/commander.md) ~2.6.0

## Alternatives

- [@mdxeditor/editor](https://npm.io/package/@mdxeditor/editor.md) — 962.4K weekly downloads
- [mmdb-lib](https://npm.io/package/mmdb-lib.md) — 680.9K weekly downloads
- [playcanvas](https://npm.io/package/playcanvas.md) — 36.2K weekly downloads
- [@glw907/cairn-cms](https://npm.io/package/@glw907/cairn-cms.md) — 967 weekly downloads
- [markdown-to-confluence](https://npm.io/package/markdown-to-confluence.md) — 103 weekly downloads

## Recent versions

- 0.0.3 (latest) — 2020-08-07
- 0.0.2 — 2018-11-07
- 0.0.1 — 2018-11-06

## README

# rpx2rem
fork from [px2rem](https://github.com/songsiqi/px2rem)
convert rpx unit to rem

[![NPM version][npm-image]][npm-url]
[![Build status][travis-image]][travis-url]
[![Test coverage][coveralls-image]][coveralls-url]
[![Downloads][downloads-image]][downloads-url]

[npm-image]: https://img.shields.io/npm/v/px2rem.svg?style=flat-square
[npm-url]: https://npmjs.org/package/rpx2rem
[travis-image]: https://img.shields.io/travis/qingyangmoke/rpx2rem.svg?style=flat-square
[travis-url]: https://travis-ci.org/qingyangmoke/rpx2rem
[coveralls-image]: https://img.shields.io/coveralls/qingyangmoke/rpx2rem.svg?style=flat-square
[coveralls-url]: https://coveralls.io/r/qingyangmoke/rpx2rem
[downloads-image]: http://img.shields.io/npm/dm/rpx2rem.svg?style=flat-square
[downloads-url]: https://npmjs.org/package/rpx2rem

This set of tools contains:

* a CLI tool
* [webpack loader](https://www.npmjs.com/package/rpx2rem-loader)
* [postcss plugin](https://www.npmjs.com/package/postcss-rpx2rem)

## Usage


### CLI tool

```
$ npm install -g rpx2rem
```
```
$ rpx2rem -o build src/*.css
```

```
  Usage: rpx2rem [options] <file...>

  Options:

    -h, --help                      output usage information
    -V, --version                   output the version number
    -u, --remUnit [value]           set `rem` unit value (default: 100)    
    -r, --remVersion [value]        whether to generate rem version stylesheet (default: true)
    -p, --remPrecision [value]      set rem value precision (default: 6)
    -o, --output [path]             the output file dirname
```

### API

```
var Rpx2rem = require('rpx2rem');
var rpx2remIns = new Rpx2rem([config]);
var originCssText = '...';
var newCssText = rpx2remIns.generateRem(originCssText); // generate rem version
```

### Example

#### Pre processing:

One raw stylesheet: `test.css`

```
.selector {
  width: 150rpx;
  height: 64rpx;
  font-size: 28rpx;
  border: 1px solid #ddd;
}
```

#### After processing:

rpx version: `test.1.css`

```
.selector {
  width: 150rpx;
  height: 64rpx;
  font-size: 28rpx;
  border: 1px solid #ddd;
}
```

rem version: `test.1.css`

```
.selector {
  width: 1.5rem;
  height: 0.64rem;
  font-size: 0.28rem;
  border: 1px solid #ddd;
}
```

## Technical proposal

comment hook + css parser

## Change Log

## License

MIT

---
_Source: https://npm.io/package/rpx2rem · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._