https://github.com/imweb/fis-parser-rem
fis px自动转化成rem插件
https://github.com/imweb/fis-parser-rem
Last synced: about 1 year ago
JSON representation
fis px自动转化成rem插件
- Host: GitHub
- URL: https://github.com/imweb/fis-parser-rem
- Owner: imweb
- Created: 2016-04-08T05:51:42.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2016-08-26T05:28:36.000Z (almost 10 years ago)
- Last Synced: 2025-03-29T14:41:25.972Z (about 1 year ago)
- Language: JavaScript
- Size: 3.91 KB
- Stars: 48
- Watchers: 27
- Forks: 9
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fis-parser-rem
fis px自动转化成rem插件
## fis.conf
### CSS
```javascript
fis.match('*.css', {
parser: [
fis.plugin('rem')
]
})
```
### SCSS
```javascript
fis.match('*.scss', {
rExt: '.css',
parser: [
fis.plugin('node-sass'),
fis.plugin('rem')
]
})
```
## Usage
```css
body {
border-top: 1px;
border-bottom: 10px;
padding: 10px; /* @norem */
background-size: 10px 10px; /* @rem */
}
```
输出:
```css
body {
border-top: 1px;
border-bottom: 0.5557rem;
padding: 10px;
background-size: 0.5557rem 0.5557rem;
}
```
## Option
- rem `{Number}` 1rem=多少px `default` 18
- min `{Number}` 最小转化值 `default` 3
- exclude `{Array.}` 忽略的样式 `default` `['width', 'height', 'background', 'background-size']`
## Question
- 如何忽略整个文件? 在文件头添加`/* @norem */`即可