# gulp-rem-plus

> gulp px单位转rem单位。可以配合淘宝flexible.js使用!

Latest version **0.0.8** (published 2016-08-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install gulp-rem-plus
pnpm add gulp-rem-plus
yarn add gulp-rem-plus
bun add gulp-rem-plus
```

Provides the command `gulp-rem-plus`.

## 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.8 |
| Published | 2016-08-15 |
| First published | 2016-07-27 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | neverland |
| Keywords | rem, gulp, px to rem, px2rem, gulp rem, gulp px2rem, gulp px to rem |

## Links

- npm: https://www.npmjs.com/package/gulp-rem-plus
- Repository: https://github.com/Neverland/gulp-rem-plus
- Homepage: https://github.com/Neverland/gulp-rem-plus#readme
- Issues: https://github.com/Neverland/gulp-rem-plus/issues
- npm.io page: https://npm.io/package/gulp-rem-plus

## Dependencies (4)

- [css](https://npm.io/package/css.md) ^2.2.1
- [rem-core](https://npm.io/package/rem-core.md) >=0.0.5
- [through2](https://npm.io/package/through2.md) ^2.0.1
- [gulp-util](https://npm.io/package/gulp-util.md) 3.0.7

## 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.8 (latest) — 2016-08-15
- 0.0.7 — 2016-08-15
- 0.0.5 — 2016-08-01
- 0.0.4 — 2016-07-27
- 0.0.3 — 2016-07-27
- 0.0.2 — 2016-07-27
- 0.0.1 — 2016-07-27

## README

# gulp-rem-plus

gulp 对px单位的css属性自动转化为rem为单位的插件,基于rem的解决方案[rem-core](https://www.npmjs.com/package/rem-core)的二次开发。


## flexible.js
默认可以配合淘宝的[flexible.js](https://github.com/amfe/lib-flexible)使用

## Option

```javascript
gulp.task('build', function() {
    return gulp.src('./demo.css')
        .pipe(rem({
            rem: 750,
            dpr: 2
        }))
        .pipe(gulp.dest('./aio'))
});
```


## Usage

```css
body {
    border-top: 1px;
    border-bottom: 10px;
    padding: 10px; /* @norem */
    background-size: 10px 10px;
}
```

输出:

```css
body {
    border-top: 1px;
    border-bottom: 0.5557rem;
    padding: 10px;
    background-size: 0.5557rem 0.5557rem;
}
```



## changelog

<table>
    <thead>
        <tr>
            <th>版本</th>
            <th>类型</th>
            <th>说明</th>
        </tr>
    </thead>
    <tbody> 
        <tr>
            <td>-</td>
            <td>-</td>
            <td>-</td>
        </tr>
    </tbody>
</table>

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