https://github.com/neverland/fis3-parser-rem

fis-rem fis3 fis3-px-to-rem fis3-px2rem fis3-rem px-to-rem px2rem rem

Last synced: about 1 year ago
JSON representation

px转rem fis3插件

Host: GitHub
URL: https://github.com/neverland/fis3-parser-rem
Owner: Neverland
License: mit
Created: 2016-05-26T11:19:41.000Z (about 10 years ago)
Default Branch: master
Last Pushed: 2016-08-15T11:08:44.000Z (almost 10 years ago)
Last Synced: 2025-03-27T13:42:09.939Z (about 1 year ago)
Topics: fis-rem, fis3, fis3-px-to-rem, fis3-px2rem, fis3-rem, px-to-rem, px2rem, rem
Language: JavaScript
Homepage:
Size: 13.7 KB
Stars: 33
Watchers: 1
Forks: 1
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

README

# fis3-parser-rem

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

-----------------
- 使用node-css把css解析后,对px为单位对属性进行rem转换处理。
- 对文字进行特殊处理追加至产出的css文件之后。
- developer只用专注开发,配置灵活方便, 对原始文件无侵入。
-----------------

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

## fis配置

```javascript
fis.match('*.css', {
parser: fis.plugin('rem', {
dpr: 2,
rem: 750,
exclude: ['background-size']
})
})
```

## 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

版本
类型
说明

v0.0.8
Feature
添加原始值

v0.0.7
Bugfixed
全局选择器问题